/*******************************
	TEMPLATE CSS COMMUN


Convention à respecter pour la compatibilité entre les navigateurs

utilisation de l'attribut "width" (valable pour l'attribut height aussi)

.maClasseCss{
	padding : Xpx ;
	margin : Xpx ;
	border : Xpx
	width: largeur_contenu + padding + border ;
	voicefamily:"\"}\"";
	voicefamily:inherit;
	width: largeur_contenu ;
}
html>body .maClasseCss{
	width: largeur_contenu ;
}
NB: important! il ne doit pas avoir d'espace dans html>body

NB: si la classe ne contient ni padding, ni border et ni margin vous pouvait utilisé uniquement ceci :

	.maClasseCss{
		padding:0;
		margin:0;
		border:0;
		width :largeur_contenu ;
	}


Information utilile : 
	pour qu'un attribut soit ignoré par IE5.x MAC et IE5.0 PC : */
	.maClasseCss{
		attribut/**/:value;
	}
/*	pour qu'un attribut soit ignoré par IEx.x PC : (la deuxieme et lu par IE alors que les autres navigateurs lise la premiére*/
	.maClasseCss{
		attribut:value !important;
		attribut:value;
	}
/*	pour qu'un attribut soit ignoré par IE6.x PC : */
	.maClasseCss{
		attribut /**/: value;
	}
/*	pour qu'un attribut soit ignoré par IE5.5 PC : */
	.maClasseCss{
		attribut: /**/value;
	}
/*	pour qu'un attribut soit ignoré par IE5.0 PC : */
	.maClasseCss{
		attribut/* */: value;
	}
/*
NB : surtout respecté les espacements
*******************************/




/*****************************
      BALISES COMMUNNES
******************************/
body {
	font-family: "Trebuchet MS";
	font-size: 10px;
	margin: 0;
	padding: 0;
	background-image: url(../img/commun/bg_body.gif);
	background-repeat: repeat;
}
a{
	color:#0000FF;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img {
	border:0px;
}
.png {
	behavior: url(../img/pngHack.htc);
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ul,blockquote,img {
	margin: 0;
	padding:0;
}


.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	margin:0;
	padding:0;}

/* POSITIONNEMENT DE LA PAGE  */
#contenaire{
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 20px;
	border: #CECECE solid 1px;
	padding:0px 20px 20px 20px;
	background-color: #FFFFFF;
}

#contenaire{
	margin-left: -454px;
	width:908px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-left: -454px;
	width:868px;
}
html>body  #contenaire{
	margin-left: -454px;
	width:868px;
	}
/* POSITIONNEMENT DE LA PAGE RUBRIQUE  */
#contenaire-rub{
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 20px;
	border: #CECECE solid 1px;
	padding:0px 20px 20px 20px;
	background-color: #FFFFFF;
}

#contenaire-rub{
	margin-left: -454px;
	width:908px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin-left: -454px;
	width:868px;
}
html>body  #contenaire-rub{
	margin-left: -454px;
	width:868px;
	}
/*******************************************************/
/* DIV HOME PAGE */
#societe{

	float:left;
	height:25px;
	width:255px;
	text-align: center;
}
#societe,
#societe a{
	color:#0063C9;
	line-height:25px;
	font-size: 12px;
}
/*********************************/
#menu-accueil{
	height:38px;
	line-height:38px;
	text-align: right;
	width:868px;
}
#menu-accueil,
#menu-accueil a{
	
	color:#0063C9;
	text-decoration:none;
}
#menu-accueil a:hover{
	color:#78B1FF;
	text-decoration:none;
	}
/*********************************/	
#logo{
	width:868px;
	padding:0px;
	margin:0px;
}
/*********************************/	
#menu-haut{
	width:868px;
	background-image:url(../img/commun/bg_bando_menu_haut.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
#menu-haut ul{
	padding: 0px 0px 0px 140px;
	margin:0px;
}
#menu-haut li{
		display:block;
		float:left;
		list-style-type:none;
		padding:8px 0px 0px 0px;
}
#menu-haut li a{
	text-decoration:none;
	color:#B1B1B1;
}
#menu-haut li a:hover{
	color:#000000
}
#menu-haut li.separateur{
	float:left;
	list-style-type:none;
	/*display:block;*/
	width:5px;
	padding:0px 10px 0px 10px;
}
#menu-haut li.off{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	float:left;
	display:block;
}

#menu-haut span{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	float:left;
	display:block;
}
/*********************************/	
#img-fond{
	background-image:url(../img/commun/img_hp_sfe.jpg);
	padding-top:27px;
	height: 455px;
	width:868px;
}
/*********************************/
#txt-intro{
	height:340px;
	text-align:right;
}
#txt-intro .for-referencement,
#txt-intro,
#txt-intro a{
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:18px;
	color:#0063C9;
	padding-right: 10px;
	font-weight: bold;
}
/*********************************/
#portfolio{
	margin:0px 0px 0px 24px !important;
	margin:0px 0px 0px 12px;
	width:256px;
	height:277px;
	padding:0px 3px 3px 3px;
	background-image:url(../img/commun/bg_portfolio_hp.jpg);
	background-repeat:no-repeat;
}
#portfolio img {
	position: absolute;
	/*top:179px;*/
	margin-top:3px;
	width:245px;
	height:261px;
}
/*********************************/
#menu{
	text-align:right;
	width:270px;
	margin-top:50px;
}
#menu,
#menu a{
	font-size:12px;
	line-height:18px;
	color: #7DD3DE;
	text-decoration:none;
	}
#menu a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
/*********************************/
#menu-bas{
	height:29px;
	line-height:29px;
	font-size:11px;
	color:#847672;
	margin-top:6px;
	background-image:url(../img/commun/bd_menu_bas.jpg);
	background-repeat:repeat-x;
	text-align:center;
	border:1px solid #CFCFCF;
	width:866px;
}
#menu-bas,
#menu-bas a{
	font-size:11px;
	color:#847672;
	text-decoration:none;
}
#menu-bas a:hover{
	color:#B6A39D;
}
/*********************************/
#copyright{
	height:21px;
	text-align: center;
	width:868px;
}
#copyright,
#copyright a{
	line-height:21px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	color:#847672;
	text-decoration:none;
}
#copyright a:hover{
	color:#B6A39D;
	text-decoration:none;
}
/*********************************/
#copyright-photo{
	margin-top: 5px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	color:#847672;
	text-decoration:none;
	text-align: center;
	width:868px;
	padding:10px 0px;
}

/*********************************************************/
/* CSS POUR LES RUBRIQUES                                */
/*********************************************************/

/* DIV RUBRIQUES */
#menu-haut-rub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 23px;
	border-bottom: #847672 solid 1px;
	text-align: right;
	margin-bottom: 27px;
}
#menu-haut-rub,
#menu-haut-rub a{
	color: #847672;
	text-decoration:none;
	line-height: 23px;
	}
#menu-haut-rub a:hover{
	color:#B6A39D;
	text-decoration:none;
	}
/*********************************/	
#logo-rub{
	float: left;
	width: 255px;
	height: 113px;
	background-image: url("../img/commun/sfe_logo_rubric.gif");
	margin-bottom: 4px;
}
/*********************************/	
.contenu-menu-produits{
	float: left;
	width: 255px;
	height: 113px;
	margin:5px 0px 4px 0px;
	background-color:#0263CC;
}
.menu-produits{
	padding:17px 0px 0px 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #FEF025;
	line-height: 20px;
}
.menu-produits-contact{
	float: left;
	width: 255px;
	height: 113px;
	/*border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;*/
	background-color:#0263CC;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FEF025;
}
.menu-produits a{
		text-decoration:none;
		font-size:12px;
		color:#FFFFFF;
		font-weight:normal;
}
.menu-produits a:hover{
		color:#FEF025;
		text-decoration:none;
}
.menu-produits span{
	font-size:12px;
	color:#FEF025;
	font-weight:normal;
}
/*********************************/
.menu-rub{
	float: left;
	background-image: url("../img/commun/sfe_visuel_pers_color.jpg");
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 10px;
	line-height: 18px;
	color: #0063C9;
	text-align: right;
	height: 113px;
	background-repeat: no-repeat;
	background-position: right top;
	margin:0px 0px 4px 4px !important;
	margin:0px 0px 4px 2px;
	width:565px;
}
.menu-rub-new{
	float: left;
	background-image: url("../img/commun/sfe_visuel_pers_color2.jpg");
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	color: #0063C9;
	text-align: right;
	height: 103px;
	width:565px;
	background-repeat: no-repeat;
	padding:10px 20px 0px 0px;
	border-top:5px solid #FFF;
	border-left:5px solid #FFF;
}
.menu-rub-new-contact{
	float: left;
	background-image: url("../img/commun/sfe_visuel_pers_color2.jpg");
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	color: #0063C9;
	text-align: right;
	height: 103px;
	width:555px;
	background-repeat: no-repeat;
	padding:10px 20px 0px 0px;
	border-top:5px solid #FFF;
	border-left:5px solid #FFF;
}

.menu-rub-new,
.menu-rub,
.menu-rub-new-contact,
.menu-rub-new a,
.menu-rub a,
.menu-rub-new-contact a{
	font-size: 12px;
	line-height: 18px;
	color: #0063C9;
	text-decoration:none;
}
.menu-rub-new a:hover,
.menu-rub a:hover,
.menu-rub-new-contact a:hover{
	color: #78B1FF;
	text-decoration:none;
}

/*********************************/
#contenu-rub-gauche{
	float: left;
	width: 255px;
	background-color: #0063CA;
}

#contenu-rub-droite{
	background-image: url("../img/commun/sfe_visuel_pers_bichro.jpg");
	background-repeat: no-repeat;
	background-color: #FEF67D;
	padding-top: 30px;
	width: 608px;
	border-left:5px solid #FFF;
	float:left;
}
.fond-gris{
	background-color: #0063CA;
	width:868px;
}
.colonne-gauche{
		float:left;
		width:255px;
}
.colonne-gauche .menu-gauche{
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 12px;
	text-align:right;
	color: #7DD3DE;
	line-height: 18px;
	padding:40px 20px 10px 0px;
}

.colonne-gauche .menu-gauche a{
		text-decoration:none;
		font-size:12px;
		color:#7DD3DE;
		font-weight:normal;
}
.colonne-gauche .menu-gauche a:hover{
	color:#FFF;
}
.colonne-gauche .menu-gauche span{
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.colonne-gauche .adresse-contact{
	background-color:#6EBBFF;
	font-size: 12px;
	padding: 20px 20px 20px 0px;
	text-align: right;
	margin:30px 20px 0px 20px;
}

.colonne-droite,
.colonne-droite-contact{
	background-image: url("../img/commun/sfe_visuel_pers_bichro.jpg");
	background-repeat: no-repeat;
	background-color: #FEF67D;
	padding-top: 30px;
	width: 608px;
	border-left:5px solid #FFF;
	float:left;
}
/***********/
/* contact */
/***********/

.colonne-droite-contact label{display:block;font-size:11px;padding-right:7px;height:18px;line-height:18px;}


/*********************************/

#menu-gauche-portfolio{
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 12px;
	text-align: right;
	color: #7DD3DE;
	line-height: 18px;
	padding:40px 20px 10px 0px;
	width:235px;
}
#menu-gauche-portfolio{
	padding:30px 20px 33px 0px;
}

#menu-gauche-portfolio a{
		text-decoration:none;
		font-size:12px;
		color:#7DD3DE;
		font-weight:normal;
}

#menu-gauche-portfolio a:hover{
	color:#FFF;
}

#menu-gauche-portfolio span{
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

#fin-menu-gauche {
	background-color: #DBD7C3;
	padding: 0;
	margin: 0;
	border: 0;
}

.lien-devis{
	width:100px;
	margin: 0px auto;
	z-index: 170;
}
/*********************************/
#txt-modele{
}
#txt-modele table{
	width:auto;
}
/*********************************/
#modele{
	margin-bottom: 4px;
}

#modele-samll{
	margin-bottom: 4px;
	border: #847672 solid 1px;
	margin-left: 24px;
}
#modele-samll{
	width: 231px;
	voice-family:"\"}\"";
	voice-family:inherit;	
	width: 229px;
}
html>body #modele-samll{
	width: 229px;	
}
/*********************************************************/
/* CLASSE POUR LES TEXTES                            */
/*********************************************************/
.txt-modele .for-referencement,
.txt-modele-small .for-referencement,
.txt-sans-modele .for-referencement,
.txt-modele-big .for-referencement,
.txt-modele,
.txt-modele-small,
.txt-sans-modele,
.txt-modele-big{
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-size: 12px;
	padding-left: 23px;
	padding-right: 23px;
}
.txt-sans-modele{
	height:150px;vertical-align:middle;
}
.txt-modele{
	padding:10px 18px 10px 18px;
}
.txt-modele img{
	border:2px solid #FFFFFF;
}
.txt-modele-small{
	height:154px;vertical-align:middle;
}
.txt-modele-big{
	height:452px;vertical-align:middle;
}
.txt-modele-cote{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7E6100;
	padding:10px;
	margin-top:10px;
	background-color: #FADA55;
}
#txt-colone-droite-seul{
	padding: 0px 20px 20px 20px;
}
#txt-colone-droite-seul p{
	margin:7px 0px 7px 0px;
	font-size: 12px;
}
#txt-colone-droite-seul p.margin-reduite{
	margin:0px 0px 0px 0px;
	font-size: 12px;
}
#txt-colone-droite-seul h1{
	font-size:14px;
	padding-top: 0px;
}
#txt-colone-droite-seul h1.sans-marge-haut{
	font-size:14px;
	padding-top: 0px;
}
#txt-colone-droite-seul h2{
	font-size:12px;
}
#txt-colone-droite-seul p.tabulation{text-indent:25px;}
/*************/
/* PORTFOLIO */
/*************/
#bloc-grande-photo{
	padding-top:15px;
	background-color:#0063C9;
	text-align:center;
	width: 600px;
	float: right;
}
#bloc-grande-photo{
	height:550px;
	voice-family:"\"}\"";	
	voice-family:inherit;
	height:535px;
}
html>body #bloc-grande-photo{
	height:550px;
}
#bloc-grande-photo img{
	border:2px solid #FFFFFF;
}
#picto-porfolio {
	padding-top:15px;
	padding-right:15px;
	background-color:#0063C9;
}
/*#picto-porfolio {
	height:415px;
}*/


#picto-porfolio a{
	text-decoration:none;
	margin-right:5px;
	margin-top:5px;
	display:block;
	width:38px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#000000;
}
/*#picto-porfolio a:hover{
	border:1px solid white;
}*/
.carre-1{
	border:1px solid #37C6FE;
	background-color:#37C6FE;
}
.carre-2{
	border:1px solid #FFC754;
	background-color:#FFC754;
}
.carre-3{
	border:1px solid #00CC66;
	background-color:#00CC66;
}
.picto-on{
	border:1px solid white;
}

/***********/
/* contact */
/***********/


.separation-vertical{
	padding-left:4px;
	margin-left: 255px;
	background-color: #FFFFFF;
}
.fond-blanc{
background-color:#FFFFFF;
height:4px;
}
#txt-colone-droite .for-referencement{
padding:0px;
}
.for-referencement{
	font-weight:normal;
	padding:0px  !important;
	display:inline !important;
	margin:0px !important;
}