* {
	margin:0;
	padding:0;
}

img {
	border:none;
}

body {
	background:url(images/bg.gif) repeat-x;
	font:bold 11px Arial, sans-serif;
}

/*-------------------------- STYLE & CLASSES  -------------------------- */

.lineclear {
	height:1px;
	clear:both;
}

.display {
	display:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.menu_link {
	width:128px;
	height:35px;
	padding:8px 0px 0 2px;
	margin:0 0px 0 0px;
	background:url(images/bg_menu.gif) no-repeat top;
	float:left;

}

.menu_link2 {
	width:128px;
	height:35px;
	padding:8px 0px 0 15px;
	margin:0 0px 0 0px;
	background:url(images/bg_menu.gif) no-repeat;
	float:left;

}

.titre1 {
	width:285px;
	font:bold 19px "Trebuchet MS", sans-serif;
	color:#77002e;
	background:url(images/puce1.gif) no-repeat center left;
	padding:0 0px 0 20px;
	margin:0 0 0 45px;
	border-bottom:1px solid #77002e;
}

.titre2 {
	font:16px "Trebuchet MS", sans-serif;
	color:#41413a;
	padding:0 0 0 5px;
}

.titre3 {
	width:160px;
	font: 19px "Trebuchet MS", sans-serif;
	color:#77002e;
	background:url(images/puce1.gif) no-repeat center left;
	padding:0px 0px 0 20px;
	margin:0px 0 0 0px;
	border-bottom:1px solid #77002e;
}

.titre4 {
	width:175px;
	font: 19px "Trebuchet MS", sans-serif;
	color:#77002e;
	background:url(images/puce1.gif) no-repeat center left;
	padding:0px 0px 0 20px;
	margin:0px 0 0 0px;
	border-bottom:1px solid #77002e;
}

.puce {
	font:11px Arial, sans-serif;
	color:#41413a;
	padding:0px 0 0px 10px;
	margin:0px 0 0px 0;
	background:url(images/puce2.gif) no-repeat center left;
}

/*######################### : PAGE : INDEX ######################### */

/*-------------------------- Haut de Page  -------------------------- */

#bandeau {
	width:895px;
	height:249px;
	margin:0 auto;
	background:url(images/header.jpg) no-repeat;
}

#menu {	
	width:415px;
	height:auto;
	padding:206px 100px 0 0;
	float:right;
	text-align:center;
	
}

#menu a {	
	font:100 13px "Trebuchet MS", sans-serif;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	
}

#menu a:hover {	
	font:100 13px "Trebuchet MS", sans-serif;
	color:#ffc8dd;
	text-decoration:none;
	
}


/*-------------------------- Contenu Central  -------------------------- */

#contenu_index {
	width:895px;
	height:350px;
	background:url(images/fond_contenu.jpg) no-repeat;
	margin:0 auto;

}

#index_gauche {
	width:505px;
	height:auto;
	float:left;
}

#index_droite {
	width:370px;
	height:auto;
	float:left;
	padding:35px 0 0 0;
	
}

#devis {
	width:194px;
	height:41px;
	background:url(images/devis.gif) no-repeat;
	font:bold 19px "Trebuchet MS", sans-serif;
	color:#fff;
	float:right;
	text-align:center;
	margin:40px 0 0 0;
	padding:8px 0 0 2px;
}

#devis a {
	color:#fff;
	text-decoration:none;
}

#devis a:hover {
	color:#ffc8dd;
	text-decoration:none;
}

#txt_gauche2 {
	width:350px;
	float:left;
	
}


#txt_index {
	width:305px;
	font:bold 11px "Trebuchet MS", sans-serif;
	color:#5a5a54;
	padding:5px 0 0 45px;
	text-align:justify;
	line-height:17px;
	float:left;
}

#txt_gauche {
	width:180px;
	float:left;
	padding:0 0 0 25px;
}

#savoir li {
	margin:8px 0 0 0;
}

#savoir {
	padding:8px 0 0 0;
	list-style-type:none;
}

#experience {
	width:160px;
	font: 18px "Trebuchet MS", sans-serif;
	color:#41413a;
	border-bottom:1px solid #77002e;
	border-top:1px solid #77002e;
	margin:21px 0 0 0;
}

#mini1 {
	border:1px solid #77002e;
	margin:23px 0 0 15px;
}

#mini2 {
	border:1px solid #77002e;
	margin:15px 0 0 15px;
}

#ciment {
	border:1px solid #77002e;
	margin:23px 2px 0 0px;
}

#qualib {
	margin:10px 0 0 152px;
}


/*-------------------------- Bas de Page -------------------------- */

#footer {
	width:895px;
	height:auto;
	margin:0 auto;
	padding:20px 0 0 0;
}

#footer p {
	font:normal 10px Arial, sans-serif;
	text-align:center;
}

#footer a {
	text-decoration:none;
	color:#000;
}

#footer a:hover {
	text-decoration:none;
	color:#77002e;
}

#tt{
    text-align:center;
    margin-top:20px;
}

#tt a{
	padding:2px 0 0 0;
    font-size:9px;
    color:#000;
	text-decoration:none;
}

#tt a:hover{
    color:#77002e;
}

/*######################### : PAGE : SAVOIR-FAIRE  ######################### */

/*-------------------------- Haut de Page  -------------------------- */

#bandeau2 {
	width:895px;
	height:249px;
	margin:0 auto;
	background:url(images/header2.jpg) no-repeat;
}

/*-------------------------- Contenu Central  -------------------------- */

#contenu_savoir {
	width:895px;
	height:350px;
	background:url(images/fond_contenu.jpg) no-repeat;
	margin:0 auto;

}

#savoir_gauche {
	width:210px;
	height:auto;
	float:left;
	padding:78px 0 0 45px;
}

#savoir_droite {
	width:640px;
	height:auto;
	float:left;
	padding:35px 0 0 0;
	
}

#liste_gauche {
	width:100px;
	float:left;
}

#liste_droite {
	width:150px;
	float:left;
}

.liste_savoir {
	font:11px "Trebuchet MS", sans-serif;
	color:#5a5a54;
	padding:0 0 0 0px;
}

#ciment2 {
	border:1px solid #77002e;
	margin:15px 0 0 0;
}

/*-------------------------- Diaporama Central  -------------------------- */

#diapo_gauche {
	width:305px;
	float:left;
	padding:0 0 0 20px;
}

#diapo_droite {
	width:305px;
	float:left;
	padding:0 0 0 10px;
}

#big1 {
	margin:10px 0 0 0px;
	border:1px solid #77002e;
}

#big2 {
	margin:10px 0 0 0px;
	border:1px solid #77002e;
}

#big3 {
	margin:10px 0 0 0px;
	border:1px solid #77002e;
}

#big4 {
	margin:10px 0 0 0px;
	border:1px solid #77002e;
}

.miniatures {
	margin:0 0 15px 0;
	
}

.miniatures2 {
	margin:0 0 55px 0;
	
}

.miniatures img {
	border:1px solid #77002e;
	margin:5px 6px 0 0px;
	cursor:pointer;
	
}

.miniatures2 img {
	border:1px solid #77002e;
	margin:5px 6px 0 0px;
	cursor:pointer;
	
}

/*######################### : PAGE : CONTACT  ######################### */

/*-------------------------- Haut de Page  -------------------------- */

#bandeau3 {
	width:895px;
	height:249px;
	margin:0 auto;
	background:url(images/header3.jpg) no-repeat;
}

/*-------------------------- Contenu Central  -------------------------- */

#contenu_contact {
	width:895px;
	height:350px;
	background:url(images/fond_contenu.jpg) no-repeat;
	margin:0 auto;

}

#contact_gauche {
	width:310px;
	height:auto;
	float:left;
	padding:104px 0 0 45px;
}

#contact_droite {
	width:540px;
	height:auto;
	float:left;
	padding:15px 0 0 0;
	
}

#adresse {
	width:270px;
	height:150px;
	margin:10px 0 0 0;
	background:url(images/logo_contact.jpg) no-repeat center left;
}

.ads_contact {
	font:12px "Trebuchet MS", sans-serif;
	color:#77002e;
	padding:11px 0 0 45px;
}

.ads_contact a {
	text-decoration:none;
	font:12px "Trebuchet MS", sans-serif;
	color:#77002e;
}

.ads_contact a:hover {
	text-decoration:none;
	font:12px "Trebuchet MS", sans-serif;
	color:#000;
}


/*------------------formulaire-------------*/

#formulaire {
	width:510px;
}

#form{
    padding:25px 0 0 0;
    margin:0 0 20px 0;
}

label{
    display:block;
    float:left;
    width:70px;
}

.input{
    width:200px;
    height:15px;
    font:10px Arial, Helvetica, sans-serif;
	color:#77002e;
    border:solid 1px #77002e;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
	background-color:#fff;
}

label {
	font:10px Arial, Helvetica, sans-serif;
	color:#77002e;
}

#obligatoire {
	margin:10px 0px 20px 0;
	font:10px Arial, Helvetica, sans-serif;
	color:#77002e;
}

textarea{
    width:220px;
    height:160px;
    font:10px Arial, Helvetica, sans-serif;
	color:#77002e;
	background-color:#fff;
    border:solid 1px #77002e;
    padding:0px 0px 0px 0px;
    margin:0px 0px 5px 0px;
	overflow:hidden;
	float:right;
}

#bouton{
    display:block;
    width:90px;
    padding:0px 0px 0px 0px;
    margin:15px 0px 0px 70px;
    background:#fff;
    border:solid 1px #77002e;
    font:10px Arial, Helvetica, sans-serif;
	color:#77002e;
    cursor:pointer;
}

.float1 {
	float:left;
}

.float1 {
	float:right;

}

/*######################### : PAGE : MENTIONS LEGALES  ######################### */

#contenu_mentions {
	width:895px;
	height:350px;
	background:url(images/fond_contenu.jpg) no-repeat;
	margin:0 auto;
}

#txt_mentions {
	width:500px;
	padding:70px 0 35px 70px;
}


