@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body{
	background-color:#A6A8AC;
	text-align: center;

	/*width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 50px;*/
	
	font-family:Arial, Helvetica, sans-serif;
}

#globalContainer {
	margin: 0 auto;
	width: 905px;
	text-align: left;	
}

/**** AJOUTS THOMAS LEROY */
p {
	margin-bottom: 5px;	
}

.clear {
	clear: both;	
}

a img {
	border: 0;	
}

.align-left {
	text-align: left;	
}

.align-center {
	text-align: center;	
}

.align-right {
	text-align: right;	
}

.align-justify {
	text-align: justify;	
}

/********************************LEFT MENU ************************************/

#left{
	float:left;
	
	font-size:14px;
	color:#828285;
}

#left #left_menu{
	width:210px;
	
	background-image:url(images/back_menu_bloc.jpg);
	background-repeat:repeat-y;
	
	margin:0px;
	padding:0px;
	padding-top:40px;
	margin-bottom:30px;
	
	text-align:right;
}

#left #logo_askey{
	margin-bottom:20px;
	border: 0;
}



/**** DEBUT AJOUTS THOMAS LEROY -- MENU PRINCIPAL */	

#cardsMenu {
	position: relative;
}

	#cardsMenu ul {
		
	}

		#cardsMenu ul li {
			list-style: none;
			text-indent: -1000em;
		}
		
		#cardsMenu ul li a {
			position: absolute;
			top: 0;
			left: 0;
		}
		
		#cardsMenu ul li.performances a {
			display: block;
			width: 70px;
			height: 94px;
			left: 56px;
			top: 156px;
			background: url('images/trans.gif') repeat 0 0;
		}
		
		#cardsMenu ul li.services a {
			display: block;
			width: 85px;
			height: 70px;
			left: 130px;
			top: 86px;
			background: url('images/trans.gif') repeat 0 0;
		}
		
		#cardsMenu ul li.savoir-faire a {
			display: block;
			height: 60px;
			left: 236px;
			top: 56px;
			width: 96px;
			background: url('images/trans.gif') repeat 0 0;
		}
		
		#cardsMenu ul li.mise-en-oeuvre a {
			display: block;
			height: 50px;
			left: 350px;
			top: 73px;
			width: 110px;
			background: url('images/trans.gif') repeat 0 0;
		}
		
		#cardsMenu ul li.produits a {
			display: block;
			height: 82px;
			left: 468px;
			top: 99px;
			width: 82px;
			background: url('images/trans.gif') repeat 0 0;
		}

	
#mainMenu {width: 190px; height: 200px; position:relative;margin-left: 14px;z-index: 100;}

/**** MENU NIVEAU 1 */

#mainMenu ul {width: 190px; margin:0; padding:0; list-style:none; white-space:nowrap; padding:1px 1px 0 1px; background: url('images/menu_line.jpg') no-repeat 0 0;}

#mainMenu li {margin:0; padding:0; list-style:none;text-align:right;}
#mainMenu li {background: url('images/menu_line.jpg') no-repeat 0 bottom;}
#mainMenu li.sub { background: url('images/back_sous_menu_hover.gif') no-repeat 0 bottom; }
#mainMenu ul ul {position:absolute; left:-9999px;}
#mainMenu ul#toplevel {position:absolute; left:0; top:0;}

#mainMenu a {display:block; color:#828285; text-decoration:none;padding:8px 20px 8px 10px;zoom:1;text-transform: uppercase;} 

#mainMenu ul li:hover > ul {left:100%; margin-top:-33px; margin-left:-1px;}

#mainMenu a:hover ul,
#mainMenu a:hover a:hover ul, 
#mainMenu a:hover a:hover a:hover ul {left:100%;}
#mainMenu a:hover ul ul, 
#mainMenu a:hover a:hover ul ul {left:-9999px;}

#mainMenu li a:hover {background: transparent; color:#F29526;} 
#mainMenu li:hover > a {background: transparent; color:#F29526;}
#mainMenu li a.active {color:#F29526;}


/**** SOUS-MENU */

#mainMenu ul li ul { background: url('images/back_sous_menu.jpg') repeat-y 0 0; width: 200px;}

#mainMenu ul li ul li {background: none; border-bottom: 1px solid #FFF; padding: 0 0 0 10px;text-align: left;}
#mainMenu ul li ul li.last {background: none; border-bottom: none;}
#mainMenu ul li ul li a {color:#FFF;padding:8px 0 7px 10px; text-transform: none;}
#mainMenu ul li ul li a:hover {color:#FFF;text-decoration: underline;} 
#mainMenu ul li ul li:hover > a {color:#FFF;}


#mainMenu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

		
		

/**** FIN AJOUTS THOMAS LEROY -- MENU PRINCIPAL */





#left .menu{
	padding-right:10px;
}

#left .menu a{
	margin-right:10px;
	
	color:#828285;
	text-decoration:none;
	
	/**** AJOUTS THOMAS LEROY */
	text-transform: uppercase;
}

#left .menu a:hover{
	margin-right:10px;
	
	color:#F29526;
	text-decoration:none;
}

/**** AJOUTS THOMAS LEROY */
#left .menu a.active {
	color:#F29526;
}

#left #left_menu .menu img{
	margin:8px 0px;
}

#left #news{
	width:210px;
	
	background-image:url(images/back_news_bloc.jpg);
	background-repeat:repeat-y;
	
	text-align:right;
}

#left .img_left{
	display:block;
}

#left #news .menu{
	padding-top:10px;
}
	
/******************************** HOME ************************************/

#home {
	float:left;
	margin-left:35px;
	margin-top:40px;
}

#home #title{
	
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	
	background-color:#F29526;
	
	width:600px;
	
	padding:10px 30px;
	margin-top:-5px;
}

/**** AJOUTS THOMAS LEROY */
#home #title h2 {
	font-size:16px;
	margin: 0;
	zoom: 1;
}

#home #text_home{
	font-size:12px;
	color:#333;
	line-height:18px;
	
	background-color:#FFF;
	
	width:480px;
	
	padding:15px 150px 30px 30px;
}



/******************************** ONGLET ************************************/

#container{	
	float:left;
	margin-left:35px;
	margin-top:20px;
	width:660px;
}

#container img{
	display:block;
}


#active_miter{
	background-image:url(images/fond_onglet_1.jpg);
	border:2px #FFF solid;
	background-repeat:repeat-x;
	
	font-size:25px;
	color:#FFF;
	
	height:32px;
	
	padding:2px 5px;
	border-bottom:none;
	margin-top:0px;
	
	text-align:center;
	float:left;
}

.passive_miter{
	background-image:url(images/fond_onglet_2.jpg);
	background-repeat:repeat-x;
	border:2px #FFF solid;
	border-bottom:none;
	
	width:117px;
	height:23px;
	
	font-size:16px;
	color:#FFF;
	
	padding-top:3px;
	margin-top:10px;
	
	text-align:center;
	
	float:right;
}

/**** AJOUTS THOMAS LEROY */
.passive_miter a {
	color:#FFF;
	text-decoration: none;
}
.passive_miter a:hover{
	text-decoration:underline;
	cursor:pointer;
}

#onglet3{
	margin-left:-2px;
}



#shadow{
	margin-left:-15px;
	clear: both;
}

.link_know{
	color:#F29526;
	text-decoration:none;
}

.link_know:hover{
	color:#F29526;
	text-decoration:underline;
}

#container_article{
	width:625px;
	
	padding-left:35px;
	padding-top:10px;
	
	float:left;
	
	font-size:12px;
	color:#333;
	
	background-color:#FFF;
}

#chapo{
	width:445px;
}

#txt_article{
	width:445px;
	float:left;
	background-color:#FFF;	
}


/**** AJOUTS THOMAS LEROY */
#image_article {
	width: 145px;
	margin-left: 30px;
	margin-right: 5px;
	float: left;
	zoom: 1;
}

*html #image_article {
	margin-right: 0px;	
}

/*
#container_article img {
	margin-right:5px;
}
*/

#image_droite{
	margin-top:30px;
}

#title_lvl1 {
	background-image:url(images/back_title_1.jpg);
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	
	padding-left:45px;
	padding-top:2px;
	height:29px;
	
	width:615px;
	position:relative;
	clear:both;
}

/**** AJOUTS THOMAS LEROY */
#title_lvl1 h1 {
	font-size:20px;
	color:#FFF;
	font-weight:bold;
}

.title_lvl2, #txt_article h2 {
	font-size:15px;
	color:#333;
	font-weight:bold;
	
	margin-top:20px;
	margin-bottom:5px;
	
	border-bottom:1px #828285 solid;
	
	display:block;
}

.title_lvl2_onglet, #txt_article .rgtabs-wrapper h2 {
	font-size:15px;
	color:#333;
	font-weight:bold;
	margin-top: 0px;
/*	margin-top:20px;*/
	margin-bottom:5px;
	
	border-bottom:1px #828285 dotted;
	
	display:block;
}

.title_lvl3, #txt_article h3{
	font-size:12px;
	color:#333;
	font-weight:bold;
	
	margin-top:20px;
	margin-bottom:5px;
	
	display:block;
}

.list{
	list-style:url(images/puce_orange.jpg);
	
	margin-top:10px;
	margin-left:18px;
}

/**** AJOUTS THOMAS LEROY */
#container_article ul {
	list-style:url(images/puce_orange.jpg);
	
	margin-top:10px;
	margin-left:18px;	
}

#container_article .rgtabs-wrapper ul {
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 5px;	
}

#container_article .rgtabs-wrapper ul li {
	margin-bottom: 3px;	
}

#container_article .rgtabs-wrapper ul ul {
	margin-left: 20px;
	list-style: circle;	
}

#container_article .rgtabs-wrapper ul ul li {
	margin-bottom: 0;	
}

/******************** TABLEAU NIVEAU 2 ************************************/

#all_tableau_niv2{
	margin-top:30px;	
}

#tableau_niv2{
	border-top:none;
	background-image:url(images/ombre_tableau_m.jpg);
	background-repeat:repeat-y;
	padding:7px;

}
#ombre_tab_niv2_haut{
	height:5px; 
	background-image:url(images/ombre_tableau_h.jpg); 
	background-repeat:no-repeat;
}
#ombre_tab_niv2_bas{
	height:5px; 
	background-image:url(images/ombre_tableau_b.jpg); 
	background-repeat:no-repeat;
}

/**** AJOUTS THOMAS LEROY */
.rgtabs-menu {
	background-image:url(images/fond_bt_niv2_gris.jpg) !important;
	background-repeat:repeat-x !important;
	height:25px !important;
	padding: 0 !important;
	margin: 0 !important;
}
	
	.rgtabs-menu li {
		background: none !important;	
		padding: 0 0 0 0 !important;
		margin: 0 0 0 0 !important;
	}
	
	.rgtabs-menu li a {
		background: url('images/filets_verti.jpg') no-repeat right top !important;
		color: #FFF !important;
		font-size: 13px !important;
		height: 13px !important;
		padding: 5px 10px !important;
		font-weight: normal !important;
		line-height: 13px !important;
	}
	
	.rgtabs-menu li a:hover {
		text-decoration: underline;	
	}
	
	.rgtabs-menu li.tablast a {
		background: none !important;	
	}
	
	.rgtabs-menu li.rgtabs-selected {
		background-image:url(images/fond_bt_niv2_roll.jpg) !important;
		background-repeat:repeat-x;
		border:1px #4c4c4c solid;
	}
	
	.rgtabs-menu li.rgtabs-selected a {
		padding: 4px 10px 6px !important;
		text-decoration: none;
	}


#menu_tableau{
	background-image:url(images/fond_bt_niv2_gris.jpg);
	background-repeat:repeat-x;
	height:25px;
}

.bt_onglet_1{
	background-image:url(images/fond_bt_niv2_gris.jpg);
	background-repeat:repeat-x;
	
	height:15px;
	
	font-size:13px;
	color:#FFF;
	
	text-align:center;
	position:relative;
	float:left;
	
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}


.bt_onglet_2{
	background-image:url(images/fond_bt_niv2_gris.jpg);
	background-repeat:repeat-x;
	
	height:15px;
	
	font-size:13px;
	color:#FFF;
	
	text-align:center;
	position:relative;
	float:left;
	
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}


.bt_onglet_3{
	background-image:url(images/fond_bt_niv2_gris.jpg);
	background-repeat:repeat-x;
	
	height:15px;
	
	font-size:13px;
	color:#FFF;
	
	text-align:center;
	
	position:relative;
	float:left;
	
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}

.bt_onglet_1_roll{
	background-image:url(images/fond_bt_niv2_roll.jpg);
	background-repeat:repeat-x;
	border:1px #4c4c4c solid;
	
	height:13px;
	
	font-size:13px;
	color:#FFF;
	
	text-align:center;
	position:relative;
	float:left;
	
	padding-top:4px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
}

.filet_menu_fonce{
	border-right:1px #999 solid;
	height:22px;
	position:relative;
	float:left;
	margin-top:2px;
}

.bt_onglet_1:hover{
	text-decoration:underline;
	cursor:pointer;
}
.bt_onglet_2:hover{
	text-decoration:underline;
	cursor:pointer;
}
.bt_onglet_3:hover{
	text-decoration:underline;
	cursor:pointer;
}
.image_filet{
	height:25px;
	position:relative;
	float:left;
}
/*.bt_onglet_1_roll:hover{
	text-decoration:underline;
	cursor:pointer;
}*/



/********************FORMULAIRE & PAGE CONTACT***********************/
.colonnes_gauche{
	width:100px;
	
	vertical-align:top;
	
	padding-top:10px;
}

.colonnes_gauche_2{
	width:100px;
	
	vertical-align:top;
	
	margin-top:0px;
}

.colonnes_droite{
	vertical-align:top;
	padding-top:10px;
}

.colonnes_droite_2{
	vertical-align:top;
	padding-top:0px;
}

.formulaire_droite{
	width:200px;
}

.formulaire_droite_2{
	width:345px;
}

.formulaire_droite_3{
	width:80px;
}

.colonne_envoyer{
	width:345px;
	text-align:right;
	padding-top:10px;
}

span.txt_info{
	font-size:10px;
}


div.cadre_droite{
	width:124px;
	/* height:98px; */
	
	border:5px #ed9225 solid;
	
	position:relative;
	float:left;
	
	margin-top:45px;
	margin-left:20px;
	
	padding:9px;
}
.titre_cadre{
	color:#ed9225;
	font-size:14px;
	font-weight:bold;
}
.txt_cadre{
	color:#000;
	font-size:12px;
	letter-spacing:0,5px;
	padding-top:12px;
}
#all_formulaire{
	width:445px;
	border:0px;
	border-top:1px #828285 solid;
	margin-top:22px;	
}
#tableau_formulaire{
	width:445px;
	border:0px;
	margin-top:22px;	
}
.powermail_submit {
	background: url('images/bt_envoyer.jpg') no-repeat 0 0;
	border: 0;
	height: 26px;
	width: 105px;
	cursor: pointer;
	text-indent: -1000em;
	font-size: 1%;
	line-height: 1%;
	color: #A7A8AC;
}

/********************PRODUIT***********************/


#produit{
	position:relative; clear:both;
	background:#FFF;
	
	width:605px;
	
	padding:25px 35px 2px 20px;
	zoom: 1;
}


#produit .img_prod{
	float:left;
	margin-left:15px;
	
	background-color:#F29526;
	padding-bottom:10px;
	
	margin-top:10px;
	margin-bottom:5px;
	zoom: 1;
}

#produit .link_prod{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font:bold;
	font-size:14px;
	color:#FFF;
	
	margin:10px;
}

#produit .link_prod:hover{
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font:bold;
	font-size:14px;
	color:#FFF;
	
	margin:10px;
}



/********************** ACTUALITES *******************************/
.img_tetiere_actu{
	position:relative; 
	clear:both;
	width:646; 
	height:171;
	
}

#image_article .actu_partD {
	margin-right: 0px;	
}

.actu_partD{
	background-image:url(images/fond_onglet_actuD.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:143px;
	height:143px;
	position:relative;
	float:right;
	margin-right:5px;
	margin-top:20px;
}

.actu_partD a { text-decoration: none; }

#contenu_actualites{
	width:445px;
	position:relative;
	float:left;
	color:#333;
}
.carre_actu img {
	width:60px;
	height:60px;
	border:5px #a6a8ac solid;
	position:relative;
	float:left;	
}
.txt_actu{
	width:350px;
	color:#333;
	font-size:12px;
	line-height:18px;
	
	float:left;
	margin-left:15px;
	margin-bottom:30px;
	
}

.txt_rubriques{
	margin-bottom:10px;
}
	


.rubri_actu{
	width:445px;
	margin-top:20px;
	
}

.rubri_actu img{
	float:left;
	margin-bottom:30px;
}

.title_news {
	border-bottom:1px #333 dotted;

	display:block;
	padding-bottom:5px;

}
.date_news{
	font-size:10px;
	font-style:normal;
	text-transform:capitalize;
	display:block;
	padding-top:3px;
	padding-bottom:8px;

}
.bt_actu_title, .title_news a{
	font-size:13px;
	color:#f29426;
	font-style:normal;
	text-decoration:none;
	text-transform: uppercase;
}
.title_chapo_rub{
	font-size:13px;
	color:#f29426;
	font-style:normal;
	text-decoration:none;
}
	
.bt_actu_title:hover, .title_news a:hover{
	text-decoration:underline;
	cursor:pointer;
}
#rubriques{
	color:#FFF;
	padding-top:5px;
	font-size:14px;
	display:block;
	padding-left:5px;
	padding-bottom:10px;
	text-decoration: none;
}
.liste_rubriques{
	padding-bottom:8px;
}
.bt_list_rubrique, .liste_rubriques a{
	text-decoration:none;
	cursor:pointer;
	color:#333;
}


.bt_list_rubrique:hover, .liste_rubriques a:hover{
	text-decoration:underline;
	cursor:pointer;
}
#title_lvl1_rubrique_actu{
	background-image:url(images/back_title_1.jpg);
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	
	padding-left:45px;
	padding-top:2px;
	height:29px;
	
	width:615px;
	position:relative;
	clear:both;
	
	border-top:5px #FFF solid;
	border-bottom:2px #FFF solid;
}

#mediaflvcontainer {
	text-align: center;
	background-color: #FFF;	
}

#mediaimgcontainer {
	text-align: center;
	background-color: #FFF;		
}

	#mediaimgcontainer img {
		display: inline;		
	}

#mediaswfcontainer {
	text-align: center;
	background-color: #FFF;		
}

/******************************** FOOTER ************************************/

#footer{
	clear:both;
}

#footer #hydro{
	font-size:11px;
	color:#FFF;
	
	padding:10px;
	margin-bottom:8px;
}


#footer #hydro img{
	margin-left:400px;
	margin-bottom:-15px;
}


#footer #link{
	font-size:11px;
	color:#828285;
	
	background-color:#D3D4D6;
	
	padding: 5px 10px;
}

#footer #link #map{
	margin-right:465px;
}

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

#footer #link a:hover{
	color:#828285;
	text-decoration:underline;
}


#footer #hydro_orange{
	font-size:11px;
	color:#FFF;
	
	padding:0px 10px 8px 10px;
	height:30px;
	
	background-color:#F29526;
}

#footer #hydro_orange img{
	margin-left:400px;
	margin-bottom:-15px;
	display:inline;
}




/******************************************PRODUIT****************************************/


/**** AJOUTS THOMAS LEROY */
#image_article .lightbox img {
	border: 5px solid #797979;
}

/******************************************LIENS****************************************/

/**** AJOUTS LC NUNEZ */


a:link {
	text-decoration: none;
	color: #006;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #F90;
}
a:active {
	text-decoration: none;
}