/*
###############################################
############ STRUCTURE GENERALE ###############
###############################################
*/
* {
	padding:0;
	margin:0;
	font-family: "Helvetica", Verdana, Arial, Helvetica;
	font-size:12px;
}

body  {
	background-color:#423A37;
	color:#FFFFFF;	
}

#conteneur {
	position:relative;
	background:#746660;
	width:980px;
	margin:0 auto;
}

p {
	padding-bottom:10px;
}

a.bouton_consulter_akalys {
	width:129px;
	height:46px;
	display:block;
	background-image:url(../images/fondVRouge.gif);
	background-repeat:no-repeat;
	background-position:top left;		
	color:#FFFFFF;
	text-decoration:none;
}

a.bouton_consulter_akalys div.texte {
	padding-top:18px;
	padding-left:17px;
}

a.bouton_consulter_akalys:hover {
	color:#000000;
}

a.bouton_consulter_akalys span {
	font-size:11px;	
}

a.bouton_consulter_akalys span.gras {
	font-weight:bold;
	font-size:11px;	
}


a.bouton {
	width:129px;
	height:46px;
	display:block;
	background-repeat:no-repeat;
	background-position:top left;		
	color:#FFFFFF;
	text-decoration:none;
}

a.bouton:hover {
	color:#000000;
}

a.bouton div.texte {
	padding-top:18px;
	padding-left:17px;
}

a.bouton.rouge {
	background-image:url(../images/fondVRouge.gif);
}

a.demi_bouton {
	width:129px;
	height:28px;
	display:block;
	background-repeat:no-repeat;
	background-position:top left;		
	color:#FFFFFF;
	text-decoration:none;
}

a.demi_bouton:hover {
	color:#000000;
}

a.demi_bouton div.texte {
	padding-top:9px;
	padding-left:37px;
}

a.demi_bouton.rouge {
	background-image:url(../images/fondVRouge.gif);
}


#centre a {
	color:#FFFFFF;
	text-decoration:underline;
}

/*
###############################################
############ MENU VOTRE UNIVERS ###############
###############################################
*/
#votre_univers {
	position:relative;
	width:254px;
}

#votre_univers h2 {
	position:relative;
	height:37px;
	padding:0;
	margin:0;
	background-image:url(../images/titreVotreUnivers_Fr.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#746660;
	text-indent:-5000px;
}

body.en #votre_univers h2 {
	background-image:url(../images/titreVotreUnivers_En.gif);
}

#votre_univers ul {
	position:relative;
	padding-left:12px;
	padding-top:12px;
}

#votre_univers ul li {
	position:relative;
	list-style-type:none;
}

#votre_univers ul li a {
	position:relative;
	display:block;
	background-image:none;
	height:19px;
	padding-left:13px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
#votre_univers ul li a:hover,
#votre_univers ul li.act a {
	background-image:url(../images/flecheGaucheMenuRouge.gif);
	background-repeat:no-repeat;
	background-position:center left;
	color:#7f0042;
}

/*
###############################################
############ MENU VOTRE METIER ################
###############################################
*/
#votre_metier {
	position:relative;
	width:254px;
}

#votre_metier h2 {
	position:relative;
	height:37px;
	padding:0;
	margin:0;
	background-image:url(../images/titreVotreMetier_Fr.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#746660;
	text-indent:-5000px;	
}

body.en #votre_metier h2 {
	background-image:url(../images/titreVotreMetier_En.gif);
}

#votre_metier ul {
	position:relative;
	padding-left:12px;
	padding-top:12px;
}

#votre_metier ul li {
	position:relative;
	list-style-type:none;
}

#votre_metier ul li a {
	position:relative;
	display:block;
	background-image:none;
	padding-left:13px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	padding-bottom:8px;
}

#votre_metier ul li a:hover, 
#votre_metier ul li.act a {
	background-image:url(../images/flecheGaucheMenuRouge.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:#7f0042;
}

#votre_metier ul li div.sous_titre {
	position:relative;
	font-size:11px;
	font-weight:normal;
	line-height:11px;
}

/*
###############################################
############ MENU HAUT ########################
###############################################
*/
#haut {
	position:relative;
	width:980px;
	height:335px;
	background-image:url(../images/haut_Fr.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

/*
###############################################
############ MENU PRINCIPAL ###################
###############################################
*/

#menu_principal {
	position:relative;
	width:980px;
	background:#8d837e;
	background-image:url(../images/fondMenuPrincipal.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

#menu_principal #votre_metier {
	float:left;
}

#menu_principal #votre_univers {
	float:left;
}

#menu_principal #les_sites_de_production {
	position:relative;
	width:472px;
	margin-left:508px;
}
*html #menu_principal #les_sites_de_production {
	width:469px;
}

#menu_principal #les_sites_de_production h2 {
	position:relative;
	height:37px;
	padding:0;
	margin:0;
	background-image:url(../images/titreSitesDeProduction_Fr.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#746660;
	text-indent:-5000px;	
}

body.en #menu_principal #les_sites_de_production h2 {
	background-image:url(../images/titreSitesDeProduction_En.gif);
}	

#menu_principal #les_sites_de_production div.contenu {
	position:relative;
	padding:15px;
	padding-right:0;
}

#menu_principal #les_sites_de_production div.contenu div.gauche {
	position:relative;
	width:120px;
	padding-right:15px;	
	float:left;
}

#menu_principal #les_sites_de_production div.contenu div.texte {
	position:relative;
	font-size:11px;
	padding:13px;
	padding-top:20px;
	padding-right:0;
	height:55px;
}

#menu_principal #les_sites_de_production div.contenu ul {
	position:relative;
}

#menu_principal #les_sites_de_production div.contenu ul li {
	list-style-type:none;
}

#menu_principal #les_sites_de_production div.contenu ul li.act{
	background-image:url(../images/flecheGaucheMenuBlanc.gif);
	background-repeat:no-repeat;
	background-position:center left;
}	

#menu_principal #les_sites_de_production div.contenu ul li a {
	position:relative;
	display:block;
	background-image:none;
	height:19px;
	padding-left:13px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
*html #menu_principal #les_sites_de_production div.contenu ul li {
	/* solution provisoire pour alignement des li */
	border:1px solid #7F0042;
}
#menu_principal #les_sites_de_production div.contenu ul li a:hover {
	background-repeat:no-repeat;
	background-position:center left;
}

#menu_principal #les_sites_de_production div.contenu ul li img {
	position:absolute;
	left:152px;
	top:-95px;
}

#menu_principal #les_sites_de_production div.contenu div.photo {
	position:relative;
	margin-left:152px;
}

/*
###############################################
############ PETIT POUCET #####################
###############################################
*/
#petit_poucet {
	position:absolute;
	width:980px;
	height:17px;
	top:340px;
	right:10px;
	z-index:100;
}

#petit_poucet ul {
	position:absolute;
	height:17px;
	top:0px;
	right:0;
}

#petit_poucet ul li {
	position:relative;
	list-style-type:none;
	float:left;
	height:17px;
}

#petit_poucet ul li a {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}

#petit_poucet ul li a:hover {
	text-decoration:underline;
}

/*
###############################################
############ MENU BAS #########################
###############################################
*/
#menu_bas {
	position:relative;
	width:980px;
	height:177px;
	background:#928580;
}

#menu_bas #marques_specialisees {
	position:relative;
	width:254px;
	float:left;
}

#menu_bas #marques_specialisees h2 {
	position:relative;
	height:37px;
	padding:0;
	margin:0;
	background-image:url(../images/titreMarquesSpecialisees_Fr.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#746660;
	text-indent:-5000px;
}

body.en #menu_bas #marques_specialisees h2 {
	background-image:url(../images/titreMarquesSpecialisees_En.gif);
}


#menu_bas #marques_specialisees ul {
	position:relative;
	width:254px;	
}

#menu_bas #marques_specialisees ul li {
	position:relative;
	list-style-type:none;
	height:70px;
}

#menu_bas #marques_specialisees ul li.ambiance_bain {
	background-image:url(../images/logoAmbianceBain.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#7f0042;
} 

#menu_bas #marques_specialisees ul li.intercontidental {
	background-image:url(../images/logoIntercontidental.gif);
	background-repeat:no-repeat;
	background-position:top left;	
	background-color:#463a35;	
} 

#menu_bas #marques_specialisees ul li.ambiance_bain div.logo,
#menu_bas #marques_specialisees ul li.intercontidental div.logo {
	position:relative;
	width:105px;
	float:left;
}

#menu_bas #marques_specialisees ul li div.texte {
	position:relative;
	padding-top:10px;
	margin-left:105px;
}

#menu_bas #marques_specialisees ul li div.texte div.titre {
	font-size:11px;
}	

#menu_bas #marques_specialisees ul li div.texte a {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}	

#menu_bas #marques_specialisees ul li.ambiance_bain div.logo a,
#menu_bas #marques_specialisees ul li.intercontidental div.logo a {
	position:relative;
	display:block;
	width:105px;
	height:70px;
	text-indent:-5000px;
}

#menu_bas #dernieres_actualites {
	position:relative;
	width:254px;
	float:left;
}

#dernieres_actualites p.bodytext {
	padding:0;
	margin:0;
	font-size:11px;
}

#menu_bas #dernieres_actualites h2 {
	position:relative;
	height:37px;
	padding:0;
	margin:0;
	background-image:url(../images/titreDernieresActualtes_Fr.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#746660;
	text-indent:-5000px;	
}

body.en #menu_bas #dernieres_actualites h2 {
	background-image:url(../images/titreDernieresActualtes_En.gif);
}


#menu_bas #dernieres_actualites div.toutes_les_actualites {
	position:absolute;
	width:150px;
	text-align:right;
	right:10px;
	padding-top:3px;
	z-index:100;
}

#menu_bas #dernieres_actualites div.toutes_les_actualites a {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

#menu_bas #dernieres_actualites div.toutes_les_actualites a:hover {
	color:#7f0042;
}

#menu_bas #dernieres_actualites ul {
	position:relative;
	padding:25px;
	padding-top:17px;
	padding-right:10px;
}

#menu_bas #dernieres_actualites ul li {
	list-style-type:none;
	padding-bottom:7px;
}

#menu_bas #dernieres_actualites ul li div.titre {
	font-size:12px;
	font-weight:bold;
}

#menu_bas #dernieres_actualites ul li a  {
	color:#FFFFFF;
	text-decoration:none;	
}

#menu_bas #dernieres_actualites ul li a div.texte {
	font-size:9px;
	font-weight:normal;	
}

#menu_bas #dernieres_actualites ul li a:hover {
	color:#7f0042;
}

#menu_bas #en_images {
	position:relative;
	width:472px;
	margin-left:508px;
}
*html #menu_bas #en_images {
	width:468px;
}
#menu_bas #en_images .csc-textpic-image{
	display:none;
}

#menu_bas #en_images dl.csc-textpic-image {
	width:226px;
}

#menu_bas #en_images div.csc-textpic-imagewrap {
	width:472px;
}

#menu_bas #en_images .csc-textpic-firstcol{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
#menu_bas #en_images .csc-textpic-lastcol{
	display:block;
	position:absolute;
	right:0px;
	top:0px;
}

#menu_bas #en_images h2 {
	position:relative;
	height:37px;
	padding:0;
	margin:0;
	background-image:url(../images/titreEnImages_Fr.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#746660;
	text-indent:-5000px;	
}

body.en #menu_bas #en_images h2 {
	background-image:url(../images/titreEnImages_En.gif);
}

#menu_bas #en_images div.photo {
	position:absolute;
	width:472px;
	height:140px;
	left:0;
	top:37px;
}

/*
###############################################
############ PIED DE PAGE #####################
###############################################
*/
#pied {
	position:relative;
	width:930px;
	height:190px;
	background:#746660;
	padding:25px;
}

#pied h2 {
	position:relative;
	height:23px;
	padding:0;
	margin:0;
	background-image:url(../images/titreDunCoupDoeil_Fr.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#746660;
	text-indent:-5000px;
	padding-bottom:10px;
}

body.en #pied h2 {
	background-image:url(../images/titreDunCoupDoeil_En.gif);	
}

#pied div.menu {
	position:relative;
	height:90px;
}

#pied ul {
	position:relative;
	float:left;
	margin-right:12px;
}

#pied ul li {
	position:relative;
	list-style-type:none;
}

#pied ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

#pied ul li a:hover {
	text-decoration:underline;
}

#pied ul li.act a {
	color:#7f0042;
}

#pied ul li a span {
	font-size:11px;	
}

#pied ul li a span.gras {
	font-weight:bold;
	font-size:11px;	
}

#pied div.separation {
	position:relative;
	width:1px;
	background-color:#d6d2d0;
	float:left;
	margin-right:12px;
	height:100%;
}

#pied div.logo {
	position:absolute;
	left:20px;
	bottom:20px;
	background-image:url(../images/logoOm86.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:83px;
	height:45px;
}

/*
###############################################
############ GABARIT gabaritPage_Index ########
###############################################
*/
div.gabaritPage_Index #fond {
	position:relative;
	width:980px;
	height:735px;
	margin:0 auto;
	background-image:url(../images/fondAccueil.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

div.gabaritPage_Index a.bouton_francais {
	position:absolute;
	width:128px;
	height:45px;
	left:65px;
	top:176px;
	background-image:url(../images/btBienvenue_Fr_Off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-5000px;	
}

div.gabaritPage_Index a.bouton_francais:hover {
	background-image:url(../images/btBienvenue_Fr_On.jpg);
}

div.gabaritPage_Index a.bouton_anglais {
	position:absolute;
	width:128px;
	height:45px;
	left:196px;
	top:176px;
	background-image:url(../images/btBienvenue_En_Off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-5000px;	
}

div.gabaritPage_Index a.bouton_anglais:hover {
	background-image:url(../images/btBienvenue_En_On.jpg);
}

div.gabaritPage_Index h1.titre {
	text-indent:-5000px;
	position:absolute;
}

div.gabaritPage_Index div.texte {
	position:absolute;
	width:260px;
	height:160px;
	top:330px;
	left:65px;
	color:#FFFFFF;	
}

div.gabaritPage_Index div.texte p {
	padding-bottom:10px;
}

div.gabaritPage_Index div.texte p, div.texte p em {
	font-size:11px;
}

/*
###############################################
############ GABARIT gabaritPage_2 ############
###############################################
*/

div.gabaritPage_2 #titre_centre {
	position:relative;
	height:68px;
	width:980px;
} 

div.gabaritPage_2 #titre_centre div.gauche {
	position:relative;
	width:510px;
	height:68px;	
	float:left;
}

div.gabaritPage_2 #titre_centre div.droite {
	position:relative;
	width:470px;
	height:68px;
	float:left;	
}

div.gabaritPage_2 #titre_centre div.droite h1 {
	position:absolute;
	left:25px;
	font-size:32px;
	font-weight:bold;
	bottom:0;
}

div.gabaritPage_2 #centre {
	position:relative;
	height:430px;
	background:#6b5e58;
}

div.gabaritPage_2 #centre div.gauche {
	position:relative;
	width:510px;
	float:left;
	height:430px;
}

div.gabaritPage_2 #centre div.droite {
	position:relative;
	width:430px;
	height:380px;
	float:left;	
	padding:25px;
	padding-right:15px;
}
*html div.gabaritPage_2 #centre div.droite {
	padding:10px;
}
div.gabaritPage_2 #centre div.droite div.bloc_gauche {
	position:relative;
	width:285px;
	padding-right:25px;
	float:left;	
}
div.gabaritPage_2 #centre div.droite div.bloc_gauche ul {
		margin-top:-15px;
	margin-left:15px;
}
div.gabaritPage_2 #centre div.droite div.bloc_gauche ul li {
	margin-top:5px;
}

div.gabaritPage_2 #centre div.droite div.bloc_droite {
	position:relative;
	width:120px;
	float:left;
}
div.gabaritPage_2 #menu_principal {
	margin-top:20px;
}

div.gabaritPage_2 div.voir_aussi {
	position:relative;
	width:100%;
	right:0;
}

div.gabaritPage_2 div.voir_aussi ul {
	position:relative;
	float:left;
	margin-right:12px;
}

div.gabaritPage_2 div.voir_aussi ul li {
	position:relative;
	list-style-type:none;
}

div.gabaritPage_2 div.voir_aussi ul li a {
	color:#FFFFFF;
	text-decoration:none !important;
}

div.gabaritPage_2 div.voir_aussi ul li a:hover {
	text-decoration:underline !important;
}

div.gabaritPage_2 div.voir_aussi ul li a span {
	font-size:11px;	
}

div.gabaritPage_2 div.voir_aussi ul li a span.gras {
	font-weight:bold;
	font-size:11px;	
}

div.gabaritPage_2 div.voir_aussi h3 {
	font-size:12px;
	color:#a69f9c;
}

div.gabaritPage_2 div#vignettes {
	position:relative;
	width:980px;
	height:118px;
}

div.gabaritPage_2 div#vignettes ul li {
	position:relative;
	list-style-type:none;
	float:left;
}

div.gabaritPage_2 a.bouton_consulter_akalys {
	position:absolute;
	left:30px;
	bottom:0;
}

/*
###############################################
############ GABARIT gabaritPage_2_Colonnes ###
###############################################
*/
div.gabaritPage_2_Colonnes #titre_centre {
	position:relative;
	height:68px;
	width:980px;
} 

div.gabaritPage_2_Colonnes #titre_centre div.gauche {
	position:relative;
	height:68px;	
}

div.gabaritPage_2_Colonnes #titre_centre div.gauche h1 {
	position:relative;
	padding-left:25px;
	font-size:32px;
	font-weight:bold;
	padding-top:30px;
	padding-right:10px;
	float:left;
}

div.gabaritPage_2_Colonnes #titre_centre div.gauche h2 {
	position:relative;
	font-size:21px;
	font-weight:normal;
	padding-top:40px;
}

div.gabaritPage_2_Colonnes #centre {
	position:relative;
	background:#6b5e58;
	padding:25px;
}

div.gabaritPage_2_Colonnes #centre div.gauche {
	position:relative;
	width:250px;
	float:left;
}

div.gabaritPage_2_Colonnes #centre div.droite {
	position:relative;
	width:630px;
	float:left;	
	padding:25px;
	padding-right:15px;
	padding-top:0;
}

/*
###############################################
############ GABARIT gabaritPage_1_Colonnes ###
###############################################
*/
div.gabaritPage_1_Colonne #titre_centre {
	position:relative;
	height:68px;
	width:980px;
} 

div.gabaritPage_1_Colonne #titre_centre div.gauche {
	position:relative;
	height:68px;	
}

div.gabaritPage_1_Colonne #titre_centre div.gauche h1 {
	position:relative;
	padding-left:25px;
	font-size:32px;
	font-weight:bold;
	padding-top:30px;
	padding-right:10px;
	float:left;
}

div.gabaritPage_1_Colonne #titre_centre div.gauche h2 {
	position:relative;
	font-size:21px;
	font-weight:normal;
	padding-top:40px;
}

div.gabaritPage_1_Colonne #centre {
	position:relative;
	background:#6b5e58;
	padding:25px;
}

div.gabaritPage_1_Colonne #centre div.gauche {
	position:relative;
	width:920px;
}



/*
###############################################
############ GABARIT gabaritPage_3 ############
###############################################
*/

div.gabaritPage_3 div#centre div.gauche {
	position:relative;
	width:254px;
	height:730px;	
	float:left;
}

div.gabaritPage_3 div#centre div.droite {
	position:relative;
	width:706px;
	height:730px;
	float:left;
	padding-left:20px;		
}

div.gabaritPage_3 div#centre div.contenu {
	position:relative;
	width:706px;
	height:388px;
	padding-top:37px;
}

div.gabaritPage_3 div#centre div.contenu div.gauche {
	position:relative;
	width:358px;
	height:200px;
	float:left;
	
}

div.gabaritPage_3 div#centre div.contenu div.gauche div.titre_contenu {
	height:58px !important;
	padding-left:18px;
	padding-right:18px;
	z-index:10;	
}

div.gabaritPage_3 div#centre div.contenu div.droite div.titre_contenu {
	height:58px !important;
	z-index:10;
}

div.gabaritPage_3 div#centre div.contenu div.gauche div.texte {
	position:absolute;
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;	
	padding-bottom:10px;		
	background-color:#6b5e58;
	height:310px;
	z-index:100;
}
div.gabaritPage_3 div#centre div.contenu div.gauche div.texte ul {
	margin-top:-15px;
	margin-left:15px;
}
div.gabaritPage_3 div#centre div.contenu div.gauche div.texte ul li {
	margin-top:5px;
}

div.gabaritPage_3 div#centre div.contenu div.droite div.photo {
	background-color:#6b5e58;
	height:330px;	
}

div.gabaritPage_3 div#centre div.contenu div.droite div.photo div.titre {
	color:#FFFFFF;
	font-size:11px;
	padding-top:5px;
}

div.gabaritPage_3 div#centre div.contenu div.droite div.photo div.titre h1 { 
	position:relative;
	font-size:11px;
	font-weight:normal;
	float:left;
	/*padding-right:5px;*/
	width:150px;
}
div.gabaritPage_3 div#centre div.contenu div.droite div.photo div.titre ul {
	position:relative;
	/*float:left;*/
}
div.gabaritPage_3 div#centre div.contenu div.droite div.photo div.titre ul li { 
	list-style-type:none;
	/*float:left;*/
	font-size:11px;	
	/*padding-right:5px;*/
}

div.gabaritPage_3 div#centre div.contenu div.droite div.photo div.titre a {
	font-size:12px;
	color:#7f0042;
	text-decoration:none;
	font-weight:bold;
}

div.gabaritPage_3 div#centre div.contenu div.gauche div.titre_contenu div.titre {
	font-size:22px;
}

div.gabaritPage_3 div#centre div.contenu div.gauche div.titre_contenu div.sous_titre {
	font-size:32px;
	line-height:29px;
}
div.gabaritPage_3 div#centre div.contenu div.gauche div.titre_contenu div.titre_seul {
	font-size:32px;
	line-height:29px;
}

div.gabaritPage_3 div#centre div.contenu div.droite {
	position:relative;
	width:348px;
	height:200px;	
	float:left;
	padding:0;	
}

div.gabaritPage_3 div#votre_univers {
	background-color:#8d837e;
	padding-bottom:28px;
}

div.gabaritPage_3 div#votre_metier {
	background-color:#a69f9c;
	padding-bottom:16px;
}

div.gabaritPage_3 a.bouton_consulter_akalys {
	position:absolute;
	top:12px;
}

div.gabaritPage_3 div.realisations h2 {
	position:relative;
	height:37px;
	padding:0;
	margin:0;
	background-image:url(../images/titreExplemplesRealisations.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#746660;
	text-indent:-5000px;
}

body.en div.gabaritPage_3 div.realisations h2 {
	background-image:url(../images/titreExplemplesRealisations_En.gif);
}

div.gabaritPage_3 div.realisations div.vignettes {
	position:relative;
	width:678px;
	height:240px;
	padding:14px;
	background:#7f0042;
}

div.gabaritPage_3 div.realisations div.vignettes ul {
	position:relative;
	width:678px;
	background:#FFFFFF;
}

div.gabaritPage_3 div.realisations div.vignettes ul li {
	position:relative;
	list-style-type:none;
	width:113px;
	height:115px;
	float:left;
	margin:0px !important;
}

div.gabaritPage_3 div.realisations div.vignettes ul li a img {
	border:0;
}

/*
###############################################
############ GABARIT gabaritPage_4 ############
###############################################
*/
div.gabaritPage_4 #titre_centre {
	position:relative;
	height:68px;
	width:980px;
}

div.gabaritPage_4 #titre_centre h1 {
	position:absolute;
	left:25px;
	font-size:32px;
	font-weight:bold;
	bottom:0;
}	

div.gabaritPage_4 #titre_centre h1 span {
	font-size:18px;
	font-weight:normal;
}

div.gabaritPage_4 #centre {
	position:relative;
	background-color:#6b5e58;
	padding:30px;
}

div.gabaritPage_4 #centre div.gauche {
	position:relative;
	width:220px;
	padding-right:30px;
	float:left;
	
}

div.gabaritPage_4 #centre div.droite {
	position:relative;
	width:660px;
	float:left;
}

div.gabaritPage_4 #centre div.graphe {
	text-align:right;
	padding-top:30px;
	padding-bottom:40px;	
}

div.gabaritPage_4 #formulaire	{
	position:relative;
}

div.gabaritPage_4 #formulaire_consultation	{
	position:relative;
	padding-left:50px;
}

div.gabaritPage_4 #formulaire_consultation	label {
	position:relative;
	width:90px;
	text-align:right;
	margin-right:5px;
	float:left;
	font-size:10px;
}

div.gabaritPage_4 #formulaire_consultation	.champ {
	width:210px;
	border:0;
	margin-bottom:5px;
	height:22px;
}

div.gabaritPage_4 #formulaire_consultation	.textearea {
	width:515px;
	border:0;
	margin-bottom:10px;
}

div.gabaritPage_4 #formulaire_consultation .nom, 
div.gabaritPage_4 #formulaire_consultation	.societe {
	float:left;
}

div.gabaritPage_4 #formulaire_consultation #bouton_envoyer {
	margin-left:480px;
}

/*
###############################################
###### GABARIT gabaritActualites.html #########
###############################################
*/
div.detail_actualite h2.titre {
	font-size:18px;
}

div.detail_actualite {
	position:relative;
	display:block;
}

div.detail_actualite .news-single-timedata {
	position:relative;
	font-size:12px;
}

div.detail_actualite h3 {
	font-size:12px;
	font-weight:bold;
}

div.detail_actualite div.contenu_detail_actualite {
	position:relative;
	padding:0;
}

div.detail_actualite div.news-single-img {
	position:relative;
	float:left;
	padding-right:15px;
}

div.detail_actualite div.contenu_detail_actualite a {
	color:#000000;
}

div.detail_actualite div.news-single-backlink a {
	color:#0074a8;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}

div.detail_actualite div.news-single-backlink a:hover {
	text-decoration:underline;
}

div.detail_actualite div.news-single-additional-info {
	position:relative;
	background:none;
	border:0;
	border-top:1px dashed #a8a8a8;
}

div.detail_actualite div.news-single-additional-info a {
	color:#0074a8;
}

div.detail_actualite div.news-single-additional-info dl.news-single-related,
div.detail_actualite div.news-single-additional-info dl.news-single-files,
div.detail_actualite div.news-single-additional-info dl.news-single-links {
	position:relative;
	border:0;
	background:none;
	padding-bottom:10px;
}

div.detail_actualite div.news-single-additional-info dl.news-single-files dd img {
	padding-right:5px;
}

div.detail_actualite div.news-single-additional-info dl.news-single-related dt ,
div.detail_actualite div.news-single-additional-info dl.news-single-files dt,
div.detail_actualite div.news-single-additional-info dl.news-single-links dt {
	padding-bottom:3px;
	width:100%;
	color:#FFFFFF;
}

/*
###############################################
############ LISTE_ACTUALITES #################
###############################################
*/
div.liste_actualites {
	position:relative;
	display:block;
}

div.liste_actualites div.news-list-item {
	position:relative;
	background:none;
	border:0;
	background-image:url(../images/tirets_module_liste_actualites.gif);
	background-repeat:repeat-x;
	background-position:bottom left;			
	padding-bottom:15px;
	margin-bottom:10px;
}

div.liste_actualites div.news-list-item h3 {
	padding-bottom:5px;
}

div.liste_actualites div.news-list-item h3 a {
	font-size:14px;
	color:#0074a8;
	text-decoration:none;
	
}

div.liste_actualites div.news-list-item h3 a:hover {
	text-decoration:underline;	
}

div.liste_actualites div.news-list-item img {
	position:relative;
	float:left;
	padding-right:15px;
}

div.liste_actualites div.news-list-morelink a {
	font-weight:bold;
	color:#0074a8;
	text-decoration:none;
}
div.liste_actualites div.news-list-morelink a:hover {
	text-decoration:underline;
}

div.liste_actualites span.news-list-date {
	background:none;
	font-size:11px;
	color:#000000;
}

div.liste_actualites div.news-list-browse, div.liste_actualites .tx-ttnews-browsebox {
	border:0;
	background:none;
}

div.liste_actualites .tx-ttnews-browsebox table {
	position:relative;
	margin:0 auto;
	margin-top:10px;
}

div.liste_actualites div.news-list-browse td {
	padding:0;
	background:#6b5e58;
	border:0;
}

div.liste_actualites div.news-list-browse td p a {
	background:#6b5e58;
	color:#000000;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
}

div.liste_actualites div.news-list-browse td.tx-ttnews-browsebox-SCell p a {
	background:#7f0042 !important;
	text-decoration:none;
	color:#FFFFFF;
}
div.liste_actualites div.news-list-browse td p a:hover {
	text-decoration:underline;
}

/*
###############################################
######## gabaritContactezNous.html ############
###############################################
*/
div.gabaritPage_2_Colonnes #centre div.droite div#formulaireContactezNous {
	width:630px;
	height:400px;
}
div.gabaritPage_2_Colonnes #centre div.droite div#formulaireContactezNous div.tx_pilmailform_pi1_field {
	position:relative;
	float:left;
	width:300px;
	height:35px;
}
div.gabaritPage_2_Colonnes #centre div.droite div#formulaireContactezNous div.tx_pilmailform_pi1_field label, div.gabaritPage_2_Colonnes #centre div.droite div#formulaireContactezNous div.tx_pilmailform_pi1_field2 label {
	width:150px;
	float:left;
	display:block;
	text-transform:uppercase;
	text-align:right;
	font-size:12px;
	padding-right:10px;
}
div.gabaritPage_2_Colonnes #centre div.droite div#formulaireContactezNous div.tx_pilmailform_pi1_field2 {
	position:relative;
	float:left;
	width:600px;
}
div.gabaritPage_2_Colonnes #centre div.droite div#formulaireContactezNous div span.erreur {
	color:#7f0042;
	margin-left:100px;
}
div.gabaritPage_2_Colonnes #centre div.droite div#formulaireContactezNous div input.submit {
	width:130px;
	height:29px;
	background:url(../images/bt_envoyer.jpg) no-repeat;
	color:#FFFFFF;
	text-transform:uppercase;
	border:0;
	margin-left:463px;
	margin-top:10px;
}

/*
###############################################
############ PLAN DU SITE #####################
###############################################
*/
div .tx-dropdownsitemap-pi1 {
	position:relative;
/*	width:250px;*/
	float:left;
}
div .tx-dropdownsitemap-pi1 div.titre {
	float:left;
	margin-left:0;	
}

div .tx-dropdownsitemap-pi1 li img {
	float:left;
}

div .tx-dropdownsitemap-pi1 div.sous_titre {
	margin-left:0;
}

div .tx-dropdownsitemap-pi1 span.description {
	display:none;
}

div .tx-dropdownsitemap-pi1 ul {
	padding-bottom:20px;
}