@charset "utf-8";

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('gothicb-webfont.eot');
    src: url('gothicb-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothicb-webfont.woff') format('woff'),
         url('gothicb-webfont.ttf') format('truetype'),
         url('gothicb-webfont.svg#CenturyGothicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ================= CLASSES =================*/
html {
	margin:0;
	padding:0;
}
body {
	background:#898989;
	margin:0;
	padding:0;
}
h1 {
	color:#616252;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	margin: 0;
	padding: 0;
}
h2 {
	color:#616252;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	margin: 0 0 4px 0;
	padding: 0;
}
Xh2 {
	display:block;
	color:#58585a;
	font-weight:normal;
    font-family: 'CenturyGothicRegular';
	font-size:22px;
	padding:0 0 2px 0;
	margin:0 0 12px 0;
	border-bottom:solid #e8e8e8 2px;
	background:url(../images/orange-square.png) 0 4px no-repeat;
	text-indent:24px;
}
h3 {
	color:#535355;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0;
	margin:0 0 6px 0;
}
h4 {}
h5 {
	color:#ed8c22;
	font-size:16px;
	margin:0 0 2px 0;
}
h6 {
	font-weight:normal;
    font-family: 'CenturyGothicRegular';
	color:white;
	font-size:22px;
	background-color:#58585a;	
	text-indent:18px;
	margin:0 0 4px 0;
	padding:2px 0 0 0;
	height:28px;
}
p {
	font-size:13px;
	/*line-height: 18px;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #616252;
}
hr {
	border:none;
	color:#ed8c22;
	background-color:#ed8c22;
	height:1px;
	margin:0 0 2px 0;
	padding:0;
}
div {position:relative;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
a img {border:none;}
.clear {clear:both;}

.txtarial {font-family: Arial, Helvetica, sans-serif;}
.bold {font-weight: bold;}
.gris {color: #616252;}
.bleu {color: #0077c0;}
.underline {text-decoration: underline;}
.majuscules {text-transform: uppercase;}
.txt10 {font-size: 10px;}
.txt11 {font-size: 11px;}
.txt12 {font-size: 12px;}
.txt13 {font-size: 13px;}
.txt14 {font-size: 14px;}
.txt16 {font-size: 16px;}
.txt18 {font-size: 18px;}
.padding_bas_12 {padding: 0 0 12px 0;}

.menuactif {
	background-image: url(../images/bg_sous_menu.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	width: 224px;
	color:#5d5d5d;
	font-family: 'CenturyGothicBold';
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 10px 0 0;
	display:block;
	}
	
.btn1:hover {
	background-image: url(../images/bg_sous_menu.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	}
	

.btn1 {
	width: 224px;
	color:#5d5d5d;
	font-family: 'CenturyGothicBold';
	font-size: 14px;
	text-transform: uppercase;
	padding: 6px 0 6px 10px;
	display:block;
}
.btn1_2 {
	width: 224px;
	color:#5d5d5d;
	font-family: 'CenturyGothicBold';
	font-size: 14px;
	text-transform: uppercase;
	padding: 6px 0 6px 10px;
	display:block;
}

/* ============== CONTAINERS PAGE ============== */

#wrapper {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
}
#head_wrapper {
	background-color:#b7b7b7;
	width: 100%;
	height:114px;
	background-image: url(../images/bg_header_top.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#head_wrapper2 {
	width: 100%;
	height:114px;
	background-image: url(../images/bg_header_top2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#head_wrapper3 {
	width: 900px;
	height:114px;
	margin-right: auto;
	margin-left: auto;
}

#logo a {
	width: 231px;
	height: 96px;
	background-image: url(../images/Unicab_logo.png);
	position: absolute;
	left: 18px;
	top: 8px;
	text-indent:-5000px;	
}
#division_cabine a {
	width: 188px;
	height: 43px;
	background-image: url(../images/fr/division_cabine.png);
	position: absolute;
	left: 269px;
	top: 71px;
	text-indent:-5000px;	
}
#division_3d a {
	width: 137px;
	height: 81px;
	background-image: url(../images/scanner_3d.png);
	position: absolute;
	left: 580px;
	top: 0px;
	text-indent:-5000px;	
}
#division_metaux a {
	width: 183px;
	height: 114px;
	background-image: url(../images/fr/division_metaux_ouvres.png);
	position: absolute;
	left: 720px;
	top: 0px;
	text-indent:-5000px;	
}
/* ============== CONTAINERS MILLIEU ============== */
#centre_wrapper {
	background-color:#fff;
	width: 100%;
	background-image: url(../images/bg_centre.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#centre_wrapper2 {
	width: 100%;
	background-image: url(../images/bg_centre2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#centre_wrapper3 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}

/* ============== CONTAINERS MENUS ET FLASH ============== */
#page_centre_wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 8px;
	padding-top: 8px;
	background-color:#fff;
}
#menu_container {
	width: 270px;
	height:344px;
	margin-top:5px;
	float:left;
	z-index:5000;
}

#flash_container {
	width: 630px;
	height:344px;
	margin-top:5px;
	background-color: #0F3
	XXbackground-image: url(../images/bg_menu_fond.png);
	XXbackground-repeat: repeat;
	float:left;
	z-index:1;
}


/* ==============================SECTION ACCUEIL============================== */
.accueil_image_realisation {
	margin: 0 0 15px 0;
	border: 4px solid #c1c1c1;
}

.accueil_image_bienvenue{
	margin: 0 0 0 0;
	border: 4px solid #c1c1c1;
}

.accueil_date_hr {
	width: 166px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #616252;
	margin: 10px 0 10px 0;	
}


#accueil_bloc1 {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #c4c4c4;
	width: 258px;
	padding-left: 12px;
	float:left;
}
#accueil_bloc2 {

	background-image:url(../images/fr/titre_actualites.jpg);
	background-position: right top;	
	background-repeat:no-repeat;
	width:89px;
	min-height: 375px;
	height: auto !important;
	height: 375px;
	float:left;
	
}
#accueil_bloc3 {
	width: 290px;
	padding-left: 12px;
	float:left;
	margin: 0;
	line-height: normal;
	
}

#accueil_bloc4 {
	background-image:url(../images/fr/titre_realisations.jpg);
	background-position: right top;	
	background-repeat:no-repeat;
	width:102px;
	min-height: 375px;
	height: auto !important;
	height: 375px;
	float:left;
}
#accueil_bloc5 {
	width: 115px;
	padding-left: 12px;
	float:left;
	margin: 0;

	
}

/* ============================== SECTION ACTUALITE ============================== */

#actualite_bloc1 {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #c4c4c4;
	width: 240px;
	padding-left: 20px;
	float:left;
}
#actualite_bloc2 {

	background-image:url(../images/fr/titre_actualites2.jpg);
	background-position: right top;	
	background-repeat:no-repeat;
	width:89px;
	min-height: 201px;
	height: auto !important;
	height: 201px;
	float:left;
	
}
#actualite_bloc3 {
	width: 518px;
	padding-left: 18px;
	float:left;
	margin: 0;
	line-height: normal;
	
}

/* ============================== SECTION RÉALISATIONS  ============================== */

#realisations_bloc1 {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #c4c4c4;
	width: 260px;
	float:left;
	margin: 0 0 20px 0;
}

#realisations_bloc2 {
	background-image:url(../images/fr/titre_realisations2.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 0 0 0 42px;
	margin: 0 0 0 35px;
	float:left;	
	min-height: 233px;
	height: auto !important;
	height: 233px;
}
#realisations_bloc3 {
	margin: 0 0 0 6px;
	float:left;	
}
#realisations_box2 {
	background-image:url(../images/fr/titre_realisations2.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 0 0 0 42px;
	margin: 0 0 0 35px;
	float:left;	
	width: 550px;
	min-height: 233px;
	height: auto !important;
	height: 233px;
}
.realisations_liste {
	margin: 6px 0px 6px 15px;
	float:left;
}


.image_realisation{
	border: 4px solid #c1c1c1;
	display: block;
	margin: 0 0 4px 0;
}
.image_realisation_liste{
	border: 4px solid #c1c1c1;
	display: block;
	margin: 0 0 4px 0;
}
/* ============================== SECTION general  ============================== */

#bloc1 {
	float:left;
	width: 46px;
	margin: 0 8px 0 0;
 	background-repeat: no-repeat;
	background-position: left top;	
}

#bloc2 {
	background-image:url(../images/fr/titre_realisations2.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 0 0 0 42px;
	margin: 0 0 0 35px;
	float:left;	
}
#bloc3 {
	margin: 0 0 0 6px;
	float:left;	
}
.bloc1_m_avis {
background-image:url(../images/fr/titre_avis.jpg); 
height: 79px;
}
/* ============================== SECTION NOUS JOINDRE  ============================== */
#joindre_bloc2 {
	width: 230px;
	float:left;	
}
#joindre_bloc3 {
	float:left;
	margin: 0 0 0 100px;
}
.image_carte {
	border: 4px solid #616252;
}

/* ============================== SECTION CLIENT  ============================== */
#client_bloc3 {
	float:left;
	margin: 0 0 0 50px;
}
/* ============================== SECTION NOUS CARRIÈRES  ============================== */
#carrieres_bloc2 {
	width: 230px;
	float:left;	
}
#carrieres_bloc3 {
	float:left;
	margin: 0 0 0 100px;
}
/* ============================== SECTION SERVICES  ============================== */


#services_bloc1 {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #c4c4c4;
	width: 260px;
	float:left;
	margin: 0 0 20px 0;
}

#services_bloc2 {
	background-image:url(../images/fr/titre_services.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 0 0 0 50px;
	margin: 0 0 0 35px;
	float:left;
	min-height: 163px;
	height: auto !important;
	height: 163px;
	width: 532px;
}

/* ============================== SECTION SECTEUR D'ACTIVITES  ============================== */
#activite_bloc1 {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #c4c4c4;
	width: 260px;
	float:left;
	margin: 0 0 20px 0;
}

#activite_bloc2 {
	background-image:url(../images/fr/titre_secteur_activites.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 0 0 0 52px;
	margin: 0 0 0 35px;
	float:left;
	min-height: 373px;
	height: auto !important;
	height: 373px;
	width: 530px;

}



#apropos_bloc2 {
	background-image:url(../images/fr/titre_apropos.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	padding: 0 0 0 52px;
	margin: 0 0 0 35px;
	float:left;
	min-height: 174px;
	height: auto !important;
	height: 174px;
	width: 530px;

}
/* ============================== FOOTER SECTION ============================== */
#footer_wrapper {
	width:100%;
	XXheight:65px;
	padding: 16px 0 0 0;
	background:#898989 url(../images/footer_bg.jpg) 0 0 repeat-x;
	text-transform:none;
}

#footer_container1 {
	width: 900px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#fff;
	text-transform:none;
	margin:auto;
}

#footer_container1 a {
	color:#fff;
	text-transform:none;
}
#footer_container2 a {
	color:#fff;
	text-transform:none;
}
#footer_container1 a:hover , #footer_container2 a:hover {
	color:#a6bfdd;
	text-decoration:none;
	text-transform:none;
}
#footer_container2 {
	width: 900px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	text-transform:none;
	margin:auto;
	padding: 10px 0 10px 0;
}
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*--------------------------contenu-accueil---------------------*/


/* ============================== CLASSES STYLES ============================== */