
/*--------------------------- Styles Maxime 10/2007  -------------------------*/
/*---------------- structure ---------------*/
#contenu {
	position:relative;
	clear: both;
	width: 778px;
	margin: 0 auto;
	padding: 10px; 
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2; 
	text-align: left;
}

#col-gauche-125 {
	width:125px;
	float:left;
	padding: 0; 
	margin-right: 20px;
}
#col-gauche-150 {
	width:150px;
	float:left;
	padding: 0; 
	margin-right: 20px;
}
#col-gauche-175 {
	width:175px;
	float:left;
	padding: 0; 
	margin-right: 20px;
}
#col-gauche-200 {
	width:200px;
	float:left;
	padding: 0; 
	margin-right: 20px;
}

#col-centre-363 {
	width:363px;
	float:left;
	padding: 0; 
	margin-right: 20px;
	overflow: hidden;
}
#col-centre-318 {
	width:318px;
	float:left;
	padding: 0; 
	margin-right: 20px;
	overflow: hidden;
}

#col-centre-530 {
	width:530px;
	float:left;
	padding: 0; 
	margin-right: 20px;
}
#col-centre-388 {
	width:388px;
	float:left;
	padding: 0; 
	margin-right: 20px;
	overflow: hidden;
}

#col-droite-200 {
	width:200px;
	float:left;
	padding: 0; 
	margin: 0;
	overflow: hidden;
}
#col-droite-220 {
	width:220px;
	float:left;
	padding: 0; 
	margin: 0;
}

.col-margetop41 {
	margin-top: 41px;
}
.col-margetop15 {
	margin-top: 15px;
}


/*---------------- navigations ---------------*/
#sous-menu {
	clear: right;
	height: 41px;
	width: 550px;
	margin-left: 220px;
}
#sous-menu.margin170 {
	margin-left: 170px;
}
#sous-menu-lien, #sous-titre {
	margin-left: 30px;
	height: 31px;
	padding: 10px 0 0 0;
	background: url(../fr/img/gamme/sousnav_gamme02.gif) no-repeat 200px top;
}
#sous-menu-lien {
	margin-left: 0;
}
#sous-menu-lien a {
	padding: 0 5px;
}

#col-centre-363 a, #col-centre-318 a, #col-centre-588 a {
	text-decoration: underline !important;
}

/*---------------- styles sur encarts et blocs de texte ---------------*/
.bloc-bleu-grand {
	background-color: #E4EBF6;
}
.bloc-bleu-grand p {
	margin: 0;
	padding: 0 15px 15px 15px;
}
.bloc-bleu-grand a {
	text-decoration:underline;
}
.bloc-bleu-grand h2 {
	display: block;
	font-size: 20px;
	padding: 15px 15px 0 15px;
	margin-bottom: 15px;
	line-height: 24px;
}
.bloc-bleu {
	background: #C1D1EA url(../fr/img/commun/ferm_tableau.gif) no-repeat right bottom;
	padding-bottom: 20px;
}
.bloc-bleu .titre {
	clear: both;
	height: 30px;
	margin: 0;
	padding: 12px 0 0 10px;
	font-family: Arial;
	font-size: 11px;
	background: url(../fr/img/gamme/bg_tabtitre.gif) repeat-x left 0;
}
.bloc-bleu p {
	margin: 0;
	padding: 0 15px 15px 15px;
}
.bloc-bleu ul {
	margin: 0 5px;
	padding: 10px 0 15px 0; 
}
.bloc-bleu ul li {
	margin:0;
	padding: 0 0 10px 0;
}
.bloc-bleu ul li a {
	margin-left:5px;
}
.bloc-temoignages {
	width: 200px;
}
.bloc-temoignages ul {
	margin: 0;
	padding-left: 20px;
}
.bloc-texte-contenu {
	padding-right: 38px;
	padding-bottom: 10px;
	background: url(../fr/img/gamme/sousnav_gamme02.gif) no-repeat right bottom;
}
.bloc-texte-contenu a {
	text-decoration:underline;
}



/*---------------- tableaux ---------------*/
.tablo-gamme {
	width:98%;
	border:0;
	padding:0;
	margin:4px;
	background-color:#fff;
}
.tablo-gamme td {
	/*padding:1px;*/
}
.ligne1 {
	height: 14px;
	background-color: #C1D1F4;
	text-align:left;
}
.ligne2 {
	height: 14px;
	background-color: #CEDEF6;
	text-align:left;
}

/*---------------- classes communes ---------------*/
.textcenter {
	text-align: center;
}
.floatleft {
	float: left;
}
.nofloat {
	float: none;
}
.clear {
	clear: both;
	height: 1px;
	line-height:1px;
}
.puce {
	background-position: top;
}
.bt-contactez a {
	background: url(../batiment_industriel/fabricant-constructions-modulaires.gif) no-repeat left top;
	display: block;
	width: 147px;
	height: 28px;
}
.bt-contactez a:hover {
	background-image: url(../fr/img/commun/superplus/rol_clichere.gif);
}
.bt-contactez-es a {
	background: url(../construccion_industrial/carpa_desmontable.gif) no-repeat left top;
	display: block;
	width: 147px;
	height: 28px;
}
.bt-contactez-es a:hover {
	background: url(../construccion_industrial/carpa_desmontable_o.gif) no-repeat left top;
}
.bt-info a {
	display: block;
	width: 147px;
	height: 28px;
	background: url(../fr/img/commun/superplus/rol_clichere.gif) no-repeat left top;
}
.bt-info-es a {
	display: block;
	width: 147px;
	height: 28px;
	background: url(../es/img/commun/superplus/rol_clichere.gif) no-repeat left top;
}


/*body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background-image: url(../fr/img/commun/bg_drte.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#page{
	position:relative;
	width:800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#logo {
	position: absolute;
	display:block;
	width:178px;
	height:80px;
}
/*#page-bordure{
	float: left;
	position: relative;
	background-image: url(../fr/img/commun/bordure.gif);
	background-repeat: repeat-y;
	background-position: left 100px;

}*/

/*----------------------------- bando -----------------------------------------------------------------*/
#bando{
	height:195px;
	width:800px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../fr/img/header/02_groupe/presentation/header01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	border: 0;
}
#nag-ref{
	height:198px;
	width:176px;
	float: right;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-repeat: no-repeat;
	background-position: left 39px;	

}
#nag-ref {
	background-image: url(../fr/img/header/02_groupe/presentation/header02.jpg);
}


#nag-ref-menu{
	height:39px;
	margin-bottom:136px;
}

/*.bt-langue img{
	border: none;
	
}*/
.bt-langue{
	width:25px;
	height:19px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
#bt-polonaise {
	background-image: url(../_medias/fr/img/flag/flag_pl.gif);
}
#bt-espagnol {
	background-image: url(../_medias/fr/img/flag/flag_es.gif);
}
#bt-francais {
	background-image: url(../_medias/fr/img/flag/flag_fr.gif);
}
#bt-anglaise{
	background-image: url(../_medias/fr/img/flag/flag_uk.gif);
}

#bt-polonaise:hover {
	background-image: url(../_medias/fr/img/flag/flag_pl02.gif);
}
#bt-espagnol:hover {
	background-image: url(../_medias/fr/img/flag/flag_es02.gif);
}
#bt-francais:hover {
	background-image: url(../_medias/fr/img/flag/flag_fr02.gif);
}
#bt-anglaise:hover{
	background-image: url(../_medias/fr/img/flag/flag_uk02.gif);
}

/*#nag-ref-langue{
	height:19px;
	margin-left:36px;
}*/
/*--------------------------- Menu -------------------------*/
/*#menu {
	width:175px;
	background-color: #197B30;
	background-image: url(../fr/img/navigation/bas_nav.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	margin: 0 0 0 1px;
	padding: 0 0 41px 0;
}*/


#conteneur-menu {
	width:175px;
	float:left;
	text-align:center;
}
#conteneur-centre {
	width:360px;
	float:left;
	padding: 0 10px;
}
#texte {
	width: 360px;
	float: left;
}


.navigue:hover
{
	font-size: 11px;
	font-family: Arial;
	text-decoration: underline;
	color:#294070;
	background-color: #FFFFFF;
}

.sousnavigue
{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color:#197B30;
}

.sousnavigue:hover
{
font-size: 11px;
font-family: Arial;
text-decoration: underline;
color:#439657;
}
/*#menu ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type: none;
}
#menu li{	
	margin: 0;
	background-image: url(../img/navigation/ligne.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	/*height: 22px;
	padding-top: -1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	padding:0;
}
#menu a {
	font-family: Arial;
	font-size: 11px;	
	color:#FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
/*
#menu li:hover {
	background-image: url(../img/navigation/hover-fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#menu li a{
	background-image: url(../fr/img/navigation/ligne.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 19px;
	padding: 1px 0 0 5px;
	display: block;
	margin:0
}
#menu li a:hover {

	background-image: url(../fr/img/navigation/hover-fond.gif);
	background-repeat: repeat-x;
	background-position: left top;

}*/
/*-------------------------------- systeme rep ---------------------------*/
#groupe #bt-groupe {
	background-image: url(../fr/img/navigation/hover-fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#gamme #bt-gamme {
	background-image: url(../fr/img/navigation/hover-fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#confiance #bt-confiance {
	background-image: url(../fr/img/navigation/hover-fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#votre_projet #bt-votre_projet  {
	background-image: url(../fr/img/navigation/hover-fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#presse #bt-presse {
	background-image: url(../fr/img/navigation/hover-fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#recrutement #bt-recrutement {
	background-image: url(../fr/img/navigation/hover-fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#contact #bt-contact {
	background-image: url(../fr/img/navigation/hover-fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/*-------------------------------------------------------------------------*/

#colonne {
	width: 203px;
	float: left;
	margin-left: 10px;
}



/*--------------import style CSS v1 -----------------------*/
a
{
font-size: 11px;
color:#333333;
font-family: Arial;
}

.navigue 
{
font-size: 11px;
font-family: Arial;
text-decoration: none;
color:#476CBA;
}
.btt_navigue a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../fr/img/navigation/btn.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 176px;
	background-color: #197A2F;
	display: block;
	background-position: left bottom;
	text-decoration: none;
	line-height: 20px;
}
.btt_navigue_groupe a {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../fr/img/navigation/bt_groupe.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 176px;
	background-color: #197A2F;
	display: block;
	background-position: left bottom;
	text-decoration: none;
	line-height: 20px;
	
}
.btt_navigue_fixe a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../fr/img/navigation/btn.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 176px;
	display: block;
	background-position: left top;
	text-decoration: none;
	line-height: 20px;
	background-color: #197A2F;
	

}
h1 , h2 , h3 {
	display: none;
}

.btt_navigue a:hover , .btt_navigue_contact a:hover , .btt_navigue_groupe a:hover{
	background-position: left top;
	background-image: url(../fr/img/navigation/btn.gif);
	background-repeat: no-repeat;
}
.btt_navigue_contact a {
	background-color: #197A2F;
	background-image: url(../fr/img/navigation/bt_contact.gif);
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 176px;
	background-color: #197A2F;
	display: block;
	text-decoration: none;
	line-height: 20px;
	background-repeat: no-repeat;
}

li img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.btt_navigue {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.navigue:hover
{
	font-size: 11px;
	font-family: Arial;
	text-decoration: underline;
	color:#294070;
	background-color: #FFFFFF;
}

.sousnavigue
{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color:#197B30;
}

.sousnavigue:hover
{
font-size: 11px;
font-family: Arial;
text-decoration: underline;
color:#439657;
}

.type1
{
font-size: 11px;
font-family: Arial;
color:#000000;
}

.type2
{
font-size: 11px;
font-family: Arial;
text-decoration: none;
color:#666666;
}

.type3
{
font-size: 11px;
font-family: Arial;
text-decoration: none;
color:#999999;
}
.masque {
	display: none;
}
/*---------------------------------------------------------*/



.bloc-bleu-image li {
	list-style-type: none;
	padding: 1px 0 1px 0;
	margin: 0 0 0 0;
}


.bloc-bleu-image {
	text-align: center;
}

#bas_page {
	width: 800px;
	background-image: url(../fr/img/commun/ligne.gif);
	background-repeat: no-repeat;
	background-position: 30px bottom;
	height: 40px;
	margin: 20px 0 0 0;
}


#bas_page ul {
	margin: 5px 0 0 168px;
}
#bas_page li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
.label {
	font-family: Arial;
}

