/**************************************************************************************************************************/
/*                                                     HABILLAGE GÉNÉRAL                                                  */
/**************************************************************************************************************************/

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0px 0 0px 0;
}

#conteneur {
	margin:0;
	padding:0px 0 0px 0;
	width: 996px !important;
	width: 996px;
	text-align:left;
}

/****************************************************************************************/
/*                                          HAUT                                        */
/****************************************************************************************/

#haut {
	margin:0;
	padding:0;
	width:996px;
	height:74px;
	background-color:#ffffff;
	background-image:url(../images/interface/bandeau_toupie.jpg);
	background-repeat:no-repeat;	
	position:absolute;
	z-index:10;
}

#haut_gauche {
	float:left;
	width:238px;
	height:53px;
	margin:0;
	padding:0;
	text-align:right;
}

#haut_droite {
	float:left;
	width:758px;
	margin:0;
	padding:0;
}

#haut_droite_haut {
	float:left;
	width:758px;
	margin:0;
	padding:0;
}

#haut_droite_haut_gauche {
	float:left;
	margin:0;
	padding:0 0 0 10px;
}

#haut_droite_haut_droite {
	float:left;
	margin:0 0 0 10px;
	padding:0;	
}

#haut_droite_bas {
	float:left;
	width:758px;
	margin:5px 0;
	padding:0;
}

.menu_deroulant select, .domaines select {
	float:left;
	font-size:9.5px;
	height:17px !important;
	height:14px;
	margin:9px 0 0;
	padding:0;
	width:160px;
}

.domaines select {
	font-size:11px;
	line-height:0;
	margin:4px 1px 0 6px;
	width:170px;
}


.menu_deroulant input, .menu_deroulant_meteo input, .domaines input {
	background-repeat:no-repeat;
	border:medium none;
	color:#003772;
	font-size:10px;
	font-weight:bold;
	margin:9px 0 0 5px;
	padding:0;
	width:20px;
	background-image:url(../images/interface/bg_ok0.jpg);
	height:17px;
        float:left;
}

.domaines input {
	background:transparent;
	border:medium none;
	color:#003772;
	font-size:10px;
	font-weight:bold;
	margin:3px 2px 4px 0;
	padding:1px;
        float:left;
}

/****************************************************************************************/
/*                                        MILIEU                                        */
/****************************************************************************************/

#milieu {
	margin:74px 0;
	padding:0;
	width:974px;
	background-image: url(../images/interface/bg_top_page_marron.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	position:absolute;
	z-index:0;
}
#milieu_milieu_contenu .hg, #milieu_milieu_contenu .hd {
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:1%;
	height:7px;
	position:absolute;
	width:7px;
	z-index:200;
}

#milieu_milieu_contenu .hg {
	background-image:url(../images/interface/angle_gauche_c0b89e.jpg);
	left:253px;
	top:0;
}
* html #milieu_milieu_contenu .hg {
	position:relative;
	left:0px;
}
#milieu_milieu_contenu .hd {
	background-image:url(../images/interface/angle_droite_c0b89e.jpg);
	right:0;
	top:0;
}

#milieu_gauche {
	float:left;
	margin:0;
	padding:0;
	width: 253px;
	background-image:url(../images/interface/coin_menu.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

#milieu_gauche_haut {
	margin:0 0 0px 17px;
	padding:0;
	background-image:url(../images/interface/fond_menu.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
}

#milieu_gauche_bas {
	margin:10px 0 0 26px !important;
	margin:10px 0 0 14px;
	padding:0;
	float:left;
}

.milieu_gauche_bas_contenu {
	margin:0;
	padding:0;
	float:left;
	width:199px;
} 

*+ html .milieu_gauche_bas_contenu {
	/*margin:0 0 18px;*/
}

* html .milieu_gauche_bas_contenu {
	/*margin:0 0 18px;*/
}

#milieu_milieu {
	margin:0 !important;
	margin:0 0 0 0px;
	padding:0;
	overflow:hidden;
}


#milieu_milieu_contenu {
	float:left;
	margin:0;
	padding:0;
	width:721px;
}

#milieu_milieu_entete {
	padding:0 0 0 15px;
}

.milieu_milieu_contenu_normal {
	margin:0 0 15px;	
	/*background-image:url(../images/interface/ligne.jpg);*/
	background-position:0 bottom;
	background-repeat:repeat-x;
	padding:0 0 0;
}

.bloc_420 {
	float:left;
	width:420px;
}


.milieu_milieu_contenu_normal embed {
	margin:0;
	padding:0;
}

* html .milieu_milieu_contenu_normal embed {
	margin:-17px 0 0 0;	
}

*+ html .milieu_milieu_contenu_normal embed {
	margin:-17px 0 0 0;
}

.milieu_milieu_contenu_normal p a {
	font-weight:bold;
	text-decoration:underline;
}

.milieu_milieu_contenu_normal p a:hover {
	color:#9F8B4B;
}



/****************************************************************************************/
/*                                        DROITE                                        */
/****************************************************************************************/

#milieu_droite {
	float:right;
	margin:0 0 0 16px;
	padding:0 0 0 0px;
	width:283px;
}
.milieu_droite_contenu {
	margin:0;
	padding:0;
	width:283px;
}

.milieu_droite_contenu p {
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
	margin:0;
	padding:2px 9px 5px;
	float:none;
} 

.milieu_droite_contenu h1 {
	font-size:16px;
	padding:5px 15px;
}

.milieu_droite_contenu h2 {
	font-size:16px;
	padding:5px 15px;
}
.milieu_droite_contenu h3 {
	font-size:14px;
	padding:5px 15px;
}
.milieu_droite_contenu h4 {
	font-size:12px;
	padding:5px 15px;
}
.milieu_droite_contenu h5 {
	font-size:12px;
	padding:5px 15px;
}
.milieu_droite_contenu h6 {
	font-size:12px;
	padding:5px 15px;
}

.milieu_droite_contenu .standard {
	margin:25px 0 10px 0;
	padding:0;
	float:left;
	width:100%;
}
*+html .milieu_droite_contenu .standard {
	width:auto;
}
*html .milieu_droite_contenu .standard {
	width:auto;
	float:none;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin:5px 0 0 0;
}

/****************************************************************************************/
/*                                    ENCADRE JAUNE                                     */
/****************************************************************************************/


.encadre_jaune {
	margin:0;
	padding:20px 0;
	width:100%;
	clear:both;
	/*float:left;*/
}


#milieu_droite .encadre_jaune .csc-header {
	float:none;
}
* html .encadre_jaune .csc-header {
	float:none;
}

.encadre_jaune_contenu {
	background-color:#ffffff;
	background-image:url(../images/interface/bg_a_savoir.jpg);
	background-position:0 bottom;
	background-repeat:repeat-x;
	border:1px solid #F6C80E;
	margin:0;
	position:relative;
	padding:0px;
        z-index:80;
        clear:both;
        float:none !important;
        float:left;
}


b.hgj, b.hdj, b.bgj, b.bdj, b.hgi, b.hdi, b.bgi, b.bdi {
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:1%;
	height:7px;
	width:7px;
	position:absolute;
        z-index:200;
}


.encadre_jaune_contenu b.hgj {
	background-image:url(../images/interface/angle_haut_gauche_jaune.gif);
	left:-1px;
	top:-1px;
}

.encadre_jaune_contenu b.hdj {
	background-image:url(../images/interface/angle_haut_droite_jaune.gif);
	right:-1px;
	top:-1px;
}

.encadre_jaune b.bgj {
	background-image:url(../images/interface/angle_bas_gauche_jaune.jpg);
	margin:-7px 0 0;
}

.encadre_jaune b.bdj {
	background-image:url(../images/interface/angle_bas_droite_jaune.jpg);
	margin:-7px 0 0;
        right:0;
}

* html .milieu_milieu_contenu_normal .encadre_jaune b.bgj {
	margin:-7px 0 0 0;
	position:relative;
}

* html .milieu_milieu_contenu_normal .encadre_jaune b.bdj {
	margin:-7px 0 0 714px;
        right:0;
	position:relative;
}

* html .milieu_droite_contenu .encadre_jaune b.bgj {
	margin:-7px 0 0 0;
	position:relative;
}

* html .milieu_droite_contenu .encadre_jaune b.bdj {
	margin:-7px 0 0 278px;
        right:0;
	position:relative;
}

* html .encadre_jaune_contenu b.hdj {
	right:-2px;
}


.encadre_jaune h2.entete, .milieu_milieu_contenu_normal .encadre_jaune h2.entete, milieu_droite_contenu .encadre_jaune h2.entete {
	color:#F6C80E;
	font-size:16px;
	font-weight:bold;
	margin:-22px 0 0;
	padding:0 15px;
	position:relative;
        float:left;
        clear:both;
} 

.encadre_jaune p {
	font-size:12px;
	font-weight:bold;
	line-height:1.6;
	margin:15px;
	/*padding:2px 9px 5px;*/
	padding:0;
	position:relative;
	z-index:200;

} 

/****************************************************************************************/
/*                                 BLOCS DE COULEURS                                    */
/****************************************************************************************/

#bas {
	position:absolute;
	bottom:0;
	padding:0 0 120px 26px;
	margin:0;
	width:199px;
}

*+ html #bas {
	padding:0 0 120px 0px;
}

* html #bas {
	padding:0 0 120px 0px;
}

.bas_contenu {
	margin:40px 0 5px;
	padding:0;
}

.infos, .bien_choisir, .securite {
	margin:0;
	padding:0 0 10px 0;
	position:relative;
	width:197px;
	background-color:#FFFFFF;
}

#milieu_gauche_bas span, .contenu_home_droite_contenu span, #bas span, .infos p, .bien_choisir p, .securite p {
	font-size:11.2px;
	margin:0;
	padding:5px 12px 0 12px;
	line-height:1.2em;
	color:#000000;
}

#bas span {
	margin:0;
	padding:0 0 0 15px;
}

.infos {
	border:1px solid #F6C80E;
}

.bien_choisir {
	border:1px solid #80a7c7;
}

.securite {
	border:1px solid #e52b38;
}

#milieu_home .bien_choisir {
	/*margin:0 0 5px 0; remettre quand on aura le vrai module espace perso*/
	margin:15px 0 3px 0;
	padding:0;
	height:211px;
	float:left;
}

*+ html #milieu_home .bien_choisir {
	/*margin:0 0 5px 0; effacer quand on aura le vrai module espace perso*/
	margin:17px 0 5px 0;
}

* html #milieu_home .bien_choisir {
	/*margin:0 0 5px 0; effacer quand on aura le vrai module espace perso*/
	margin:12px 0 5px 0;
}

.infos p a {
	font-weight:bold;
	text-decoration:underline;
}
.infos p a:hover {
	color:#9F8B4B;
}

.infos h1, .bien_choisir h1, .securite h1 {
	background-position:0 0;
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:17px;
	margin:0 0 0 -1px;
	line-height:1em;
}

.infos h1 {
	background-image:url(../images/interface/toupie_jaune.jpg);
	/*padding:25px 0 35px 75px !important;
	padding:0;*/
	font-size:14px;
	height:55px !important;
	height:80px;
	padding:25px 0 0 75px;
}

.bien_choisir h1 {
	background-image:url(../images/interface/toupie_bleu.jpg);
	padding:12px 0 8px 80px;
	height:65px !important;
	height:85px;
}
.securite h1 {
	background-image:url(../images/interface/bg_securite.jpg);
	height:60px !important;
	height:72px;
	padding:12px 0 0 80px;
	text-transform:uppercase;
}
.securite h2 {
	color:#E52B38;
	font-size:12px;
	margin:0;
	padding:0 10px;
	text-align:left;
}

.securite strong {
	color:#E52B38;
}

.infos b.hgi {
	background-image:url(../images/interface/angle_haut_gauche_tj.jpg);
	left:-1px;
	top:-1px;
}

.infos b.hdi {
	background-image:url(../images/interface/angle_haut_droite_tj.jpg);
	right:-1px !important;
	right:-2px;
	top:-1px;
}

.infos b.bgi {
	background-image:url(../images/interface/angle_bas_gauche_tj.jpg);
	bottom:-1px !important;
	bottom:-2px;
	left:-1px;
}

.infos b.bdi {
	background-image:url(../images/interface/angle_bas_droite_tj.jpg);
	bottom:-1px !important;
	bottom:-2px;
	right:-1px !important;
	right:-2px;
}

.bien_choisir b.hgi {
	background-image:url(../images/interface/angle_haut_gauche_tb.jpg);
	left:-1px;
	top:-1px;
}

.bien_choisir b.hdi {
	background-image:url(../images/interface/angle_haut_droite_tb.jpg);
	right:-1px !important;
	right:-2px;
	top:-1px;
}

.bien_choisir b.bgi {
	background-image:url(../images/interface/angle_bas_gauche_tb.jpg);
	bottom:-1px !important;
	bottom:-2px;
	left:-1px;
}

.bien_choisir b.bdi {
	background-image:url(../images/interface/angle_bas_droite_tb.jpg);
	bottom:-1px !important;
	bottom:-2px;
	right:-1px !important;
	right:-2px;
}

.securite b.hgi {
	background-image:url(../images/interface/angle_haut_gauche_tr.jpg);
	left:-1px;
	top:-1px;
}

.securite b.hdi {
	background-image:url(../images/interface/angle_haut_droite_tr.jpg);
	right:-1px !important;
	right:-2px;
	top:-1px;
}

.securite b.bgi {
	background-image:url(../images/interface/angle_bas_gauche_tr.jpg);
	bottom:-1px;
	left:-1px;
}

.securite b.bdi {
	background-image:url(../images/interface/angle_bas_droite_tr.jpg);
	bottom:-1px;
	right:-1px !important;
	right:-2px;
}


/****************************************************************************************/
/*                                      MENU CIBLES                                     */
/****************************************************************************************/
.menu_cibles {
	background-color:#80a7c7;
	float:left;
	padding:10px 0 10px 15px;
	width:706px !important;
	width:721px;
	margin:0;
}

.menu_cibles div {
	float:left;
	height:55px;
	width:352px;
	margin:0;
}

.menu_cibles h2 {
	color:#ffffff;
	font-size:12px;
	padding:0 0 10px 0;
	text-align:center;
}

.menu_cibles p {
	color:#ffffff;
	padding:5px 15px 20px;
	text-align:center;
}

span.cible {
	color:#80A7C7;
	font-size:14px;
	display:block;
	float:left;
	margin:0 15px 5px 0;
	padding:0;
}

.menu_cibles h4 a {
	color:#003772;
	font-size:14px;
	text-align:left;
	background-image:url(../images/interface/bouton_cible.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	font-size:0.8em;
	height:33px;
	width:319px;
	margin:0;
	padding:8px 10px 8px;;
}

* html .menu_cibles h4 a {
	height:49px;
	width:338px;
}

.menu_cibles h4 a:hover {
	text-decoration:none;
	background-image:url(../images/interface/bouton_cible_h.jpg);
}

/****************************************************************************************/
/*                                    LISTE CONSEILS                                    */
/****************************************************************************************/

.liste_conseils {
	float:left;
}

.milieu_milieu_contenu_normal .liste_conseils h3 {
	background:#B7A672 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:14px;
	padding:5px 15px;
}


.liste_conseils ul {
	width:345px !important;
        width:340px;	
	background-image:url(../images/interface/bg_ombre_tableau.jpg);
	background-repeat:repeat-x;
	background-position:0 bottom;
	margin:0;
	padding:0 0 35px;
}

.liste_conseils li {
	list-style-type:none;
	font-size:11px;
	padding:7px 10px;
}

.liste_conseils li a {
	text-decoration:underline;
}

.liste_conseils li a:hover {
	color:#9F8B4B;
}

/****************************************************************************************/
/*                                    LISTE SOULIGNEE                                   */
/****************************************************************************************/

.liste_soulignee {
	margin:25px 0 0 0;
	padding:0 0 20px;
}

.liste_soulignee ul {
	margin:0;
	padding:5px 0 5px 15px;
	width:405px;
	
}

.liste_soulignee ul li {
	background-image:url(../images/interface/pouce_fleche_marron.jpg);
	background-position:0 9px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #9F8B4B;
	font-size:12px;
	list-style-type:none;
	margin:0;
	padding:5px 5px 5px 15px;
	color:#9F8B4B;
}

.liste_soulignee ol {
	margin:0 0 0 50px;

}

.liste_soulignee ol li {
	padding:0;
}

/****************************************************************************************/
/*                                    MENU DE BOUTONS                                   */
/****************************************************************************************/
.menu_boutons {
	background-color:#ffffff;
	float:left;
	margin:10px 0;
	padding:0 0 5px;
	width:100%;
}

.milieu_milieu_contenu_normal .menu_boutons h1.entete {
	color:#9F8B4B;
	padding:15px 15px 0;
}

* html .menu_boutons {
	margin:-12px 0 10px 0;
	float:left;
}

*+ html .menu_boutons {
	margin:-5px 0 10px 0;
}

.menu_boutons ul {
	margin:20px 5px 0px 7px !important;
	margin:20px 0 0px;
	padding:0;
float:left;

}

.menu_boutons ul li {
	background-image:url(../images/interface/bg_bouton_menu.jpg);
	background-repeat:no-repeat;
	float:left;
	height:20px;
	list-style-type:none;
	margin:0 4px;
	padding:0;
	width:auto;
	position:relative;
}

.menu_boutons ul li a {
	background-image:url(../images/interface/bg_bouton_menu_right.jpg);
	background-position:right 0;
	background-repeat:no-repeat;
	display:block;
	font-size:10.8px;
	font-weight:bold;
	height:20px;
	padding:2px 5px;
	text-decoration:none;
	float:left;
}

.menu_boutons ul li a:hover {
	text-decoration:none;
	color:#9F8B4B;
}

/****************************************************************************************/
/*                                 FOND GRIS FORMULAIRES                                */
/****************************************************************************************/
.fond_gris {
	background-color:#F4F2E6;
	background-image:url(../images/interface/bg_ombre_tableau.jpg);
	background-position:0 bottom;
	background-repeat:repeat-x;
	padding:0 0 20px 0;
	width:100%;
	float:left;
}

/****************************************************************************************/
/*                                 BAS - PIED DE PAGE                                   */
/****************************************************************************************/

#pied_page {
	margin:0 0 0 25px;
	width: 949px;
	padding:0;
	border-bottom:1px solid #afd3e8;
	position:relative;
	clear:both;
	height:125px;
}

#pied_page p {
	background-image:url(../images/interface/logo_cemex_petit.gif);
	background-repeat:no-repeat;
	background-position:0 60px;
	color:#003772;
	font-size:9.75px;
	font-weight:bold;
	margin:0 0 0 299px;
	padding:75px 115px 0;
}

#plan_site {
	margin:0;
	padding:0 0 50px 0;
	width:975px;
	color:#003772;
	position:absolute;
}

#plan_site_bouton {
	display: block;
	margin:-21px 0 0 893px;
	padding:0;
	position:relative;
	width:82px;
	background-image:url(../images/interface/bouton_plan_site.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	height:21px;
}

#plan_site_contenu {
	margin:0 0 0 25px;
	width: 910px;
	padding:20px;
	background-color: #afd3e8;
	background-image:url(../images/interface/bg_bas_plan_site.jpg);
	background-position:0 bottom;
	background-repeat:no-repeat;
	display:block;
	height:auto;
	
}

* html #plan_site_contenu {
	margin:-1px 0 0 13px;
	width: 949px;
}

#plan_site h2{
	font-size:9px;
}

#plan_site h2.on {
	background-image:url(../images/interface/pouce_plus.jpg);
	background-position:70px 50%;
	background-repeat:no-repeat;
	margin:0;
	padding:4px 10px 5px;
}

#plan_site h2.off {
	background-image:url(../images/interface/pouce_moins.jpg);
	background-position:70px 50%;
	background-repeat:no-repeat;
	margin:0;
	padding:4px 10px 5px;
}

#menu_pied_page {
	clear:both;

}
#menu_pied_page ul {
	margin:0 0 0 300px;
	font-size:0.83em;
}

#menu_pied_page ul li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:5px;
}

#menu_pied_page ul li a {

}

/****************************************************************************************/
/*                                  AUTRES - DIVERS                                     */
/****************************************************************************************/



/****************************************************************************************/
/*                                  BLOCKS A GAUCHE                                     */
/****************************************************************************************/
.milieu_gauche_bas_blocs {
	margin:0;
	padding:0;
}

.milieu_gauche_bas_blocs .standard {
	margin:0;
	padding:0;
}

.mon_espace, .advanci {
	margin: 0;
	width:199px;	
	height:211px;	
}
.mes_outils, .mon_espace, .implantationsa {
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 0 0 18px;
	width:181px !important;
	width: 199px;
	margin:0;
}

.mes_outils {
	background-image:url(../images/interface/bg_mes_outils.jpg);
	height:106px;
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	margin:0;
	padding:0 0 5px 18px;
}
.implantationsa {
	background-image:url(../images/interface/bg_implantations.jpg);
	height:50px;
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	padding:0 0 10px 18px;
}
.mes_outils ul  {
	margin:2px 0 0 25px;
}
.implantationsa ul  {
	margin:5px 0 0 25px;
}
.mes_outils li, .implantationsa li {
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	padding:5px 0 5px 0;
	text-transform:uppercase;
}

*+html .mes_outils li {
	padding:5px 0 3px 0;
}

*html .mes_outils li {
	padding:5px 0 3px 0;
}

.mes_outils li a, .implantationsa li a {
	color:#6098b9;
}
.mes_outils li a:hover, .implantationsa li a:hover {
	color:#003772;
	text-decoration:none;
}

.mon_espace h1, .domaines h1 {
	font-weight:bold;
	color:#003772;
	font-size:11px;
	margin:0;
	padding:7px 0 0 7px;
}
.mes_outils h1, .implantationsa h1 {
	font-weight:bold;
	color:#003772;
	font-size:11px;
	margin:0;
	padding:5px 0 0 7px;
}

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

.domaines {	
	margin:0;
}

.domaines h1 {
	padding:5px;
	text-align:center;
	margin:0;
	background-image:url(../images/interface/bouton_domaines.jpg);
	background-repeat:no-repeat;
	background-position:0 -6px;
}

.domaines .tx-emenuderoulant-pi1 {
	margin:0;
	background-image:url(../images/interface/bouton_domaines.jpg);
	background-repeat:no-repeat;
	background-position:0 -6px;
	float:left;
	height:24px;
}

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

.icone_meteo, .icone_calculatrice, .icone_3d {
	float:left;
	margin:0;
	width:54px;
	height:35px;
}

.icone_meteo a, .icone_calculatrice a, .icone_3d a {
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
	margin:0;
	width:54px;
}
.icone_meteo a {
	background-image:url(../images/icones/meteo.jpg);
}

.icone_meteo a:hover {
	background-image:url(../images/icones/meteo_on.jpg);
}

.icone_calculatrice a {
	background-image:url(../images/icones/calculatrice.jpg);
}

.icone_calculatrice a:hover {
	background-image:url(../images/icones/calculatrice_on.jpg);
}

.icone_3d a {
	background-image:url(../images/icones/3d.jpg);
}

.icone_3d a:hover {
	background-image:url(../images/icones/3d_on.jpg);
}

/*********************/
.tx-felogin-pi1 {
	margin:0 0 10px 0;
}

.mon_espace {
	background-image:url(../images/interface/bg_mon_espace.jpg);
	height:114px;
}

.mon_espace h1 {
	color:#ffffff;
	text-transform:uppercase;
}

.mon_espace_contenu {
	margin:0;
	padding:45px 0 0 25px;
}

.mon_espace_contenu .errorMessage {
	color:red;
	font-size:10px;
	font-weight:bold;
	padding:3px 2px 0 0;
	text-align:right;
	text-transform:uppercase;
}

.mon_espace_contenu .welcomeMessage {
	font-size:11px;
	font-weight:bold;
	padding:0 35px 0 0;
	text-align:right;
	text-transform:uppercase;
}
.tx-felogin-pi1 form fieldset {
	margin:0;
	padding:0;
}

.milieu_gauche_bas_contenu p.backtologin {
	text-align:left;
	padding:0;
}


.feuser_forgot {
	font-size:11px;
}

.feuser_forgot .form_item {
	float:left;
}

.feuser_forgot .form_item input {
	width:160px;
}

.feuser_forgot .felogin_submit {


}

.forgotMessage {
	font-size:11px;
}

.forgot_submit {
	background-image:url(../images/interface/bg_ok0.jpg);
	background-repeat:no-repeat;
	border:medium none;
	color:#003772;
	float:left;
	font-size:10px;
	font-weight:bold;
	height:17px;
	margin:3px 0 0 7px;
	padding:0;
	width:20px;
}

*+html .mon_espace_contenu {

	padding:47px 0 0 25px;
}
*html .mon_espace_contenu {

	padding:47px 0 0 25px;
}

#milieu_gauche_bas #loginform {
	margin:9px 0 0;
	padding:0;
}

#milieu_gauche_bas #loginform2 {
	padding:22px 0 0;
}

#milieu_gauche_bas #loginform fieldset.user_login_form {
	border:none;
	margin:0;
	padding:0;
}
#milieu_gauche_bas #loginform2 fieldset.user_login_form {
	border:none;
	margin:0;
	padding:0;
	color:#ffffff;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
}
#milieu_gauche_bas #loginform .form_item {
	float:left;
	padding:0 0 3px;
}

#milieu_gauche_bas #loginform input {
	color:#000000;
	float:left;
	font-size:10px;
	margin:0;
	padding:0px;
	width:115px;
	height:13px;
}

* html #milieu_gauche_bas #loginform input {
	height:16px;
}

#milieu_gauche_bas #loginform input.login_submit {
	background-image:url(../images/icones/fleche_login.jpg);
	background-repeat:no-repeat;
	border:none;
	margin:0 3px;
	width:20px;
	height:20px;
	background-color:transparent;
	cursor:pointer;
}
#milieu_gauche_bas #loginform2 input.login_submit {
	border:0;
	margin:0;
	width:120px;
	background-image:url(../images/icones/fleche_login.jpg);
	background-repeat:no-repeat;
	background-position:100% 0;
	background-color:transparent;
	cursor:pointer;
	color:#ffffff;
}

.milieu_gauche_bas_contenu p, .block_contenu_home p {
	font-size:11px;
	margin:0;
	padding:0px 12px 0;
	line-height:1.2em;
	color:#000000;
}
#loginform .felogin_submit {
	float:right;
	margin:-8px 3px 0 0px;
}

*+ html #loginform .felogin_submit {
	float:none;
	margin:-8px 0 0 7px;
}
#loginform2 .felogin_submit {
	float:right;
	margin:0;
	padding:0 5px 0 0;
}

.domaines p {
	padding:0;
	font-size:1%;
}

/**************************************************************************************************************************/
/*                                                        NAVIGATION                                                      */
/**************************************************************************************************************************/

/****************************************************************************************/
/*                                      MENU TOP                                        */
/****************************************************************************************/


#menu_top {
	float:left;
	margin:7px 5px 0 60px !important;
	margin:7px 5px 0 26px;
	padding:0;
}

#menu_top li {
	float:left;
	list-style-type:none;
	margin:4px 0;
	padding:0;
	font-size:11px;
	font-weight:bold;
}

#menu_top li a {
	float:left;
	margin:0;
	padding:0 5px;
}

#menu_top li a:hover, #menu_top li.active a {
	color:#9F8B4B;
	text-decoration:none;
}

/****************************************************************************************/
/*                                 MENU HORIZONTAL                                      */
/****************************************************************************************/

#menu_horizontal {
	margin:4px 0 0 14px !important;
	margin:4px 0 0 14px;
	padding:0;
	position:absolute;
	z-index:100;
	height:50px;
	
}

#menu_horizontal li {
	float:left;
	list-style-type:none;
	margin:0 1px 0 0;
	padding:0;
	font-size:12.8px;
	font-weight:bold;
}

#menu_horizontal li a {
	float:left;
	margin:0;
}

#menu_horizontal li#maison a, #menu_horizontal li#immeuble a, #menu_horizontal li#ouvrage_art a, #menu_horizontal li#voirie a, #menu_horizontal li#agricole a, #menu_horizontal li#industriel a  {
	background-repeat: no-repeat;
	background-position: 0 0;
}

#menu_horizontal li#maison a {
	background-image: url(../images/interface/bouton_maison_individuelle.jpg);
	width:125px;
	padding:4px 15px;
}

#menu_horizontal li#maison.active a, #menu_horizontal li#maison.active a:link, #menu_horizontal li#maison.active a:hover {
	background-image:url(../images/interface/bouton_maison_individuelle_act.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:125px;
	padding:4px 15px 0px;
	margin:0;
	height:38px;
}

*+ html #menu_horizontal li#maison a, *+ html #menu_horizontal li#maison.active a, *+ html #menu_horizontal li#maison.active a:hover {
	padding:4px 15px 4px 25px;
	width:115px;
}

* html #menu_horizontal li#maison a, * html #menu_horizontal li#maison.active a, * html #menu_horizontal li#maison.active a:hover {
	padding:4px 15px 4px 25px;
	width:155px;
}


#menu_horizontal li#immeuble a {
	background-image: url(../images/interface/bouton_immeuble.jpg);
	width:64px;
	padding:4px 13px;
}

#menu_horizontal li#immeuble.active a, #menu_horizontal li#immeuble.active a:link, #menu_horizontal li#immeuble.active a:hover {
	background-image:url(../images/interface/bouton_immeuble_act.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:64px;
	padding:4px 13px;
	margin:0;
	height:38px;
}

* html #menu_horizontal li#immeuble a, * html #menu_horizontal li#immeuble.active a, * html #menu_horizontal li#immeuble.active a:link, * html #menu_horizontal li#immeuble.active a:hover {
	width:90px;
	padding:4px 13px 4px 17px;
}

*+ html #menu_horizontal li#immeuble a, *+ html #menu_horizontal li#immeuble.active a, *+ html #menu_horizontal li#immeuble.active a:link, *+ html #menu_horizontal li#immeuble.active a:hover {
	padding:4px 13px 4px 17px;
	width:60px;
}

#menu_horizontal li#ouvrage_art a {
	background-image:url(../images/interface/bouton_ouvrage_art.jpg);
	width:89px;
	padding:4px 13px;
}

#menu_horizontal li#ouvrage_art.active a, #menu_horizontal li#ouvrage_art.active a:link, #menu_horizontal li#ouvrage_art.active a:hover {
	background-image:url(../images/interface/bouton_ouvrage_art_act.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:89px;
	padding:4px 13px;
	margin:0;
	height:38px;
}

* html #menu_horizontal li#ouvrage_art a, * html #menu_horizontal li#ouvrage_art.active a, * html #menu_horizontal li#ouvrage_art.active a:link, * html #menu_horizontal li#ouvrage_art.active a:hover {
	width:115px;
	padding:4px 13px 4px 17px;
}

*+ html #menu_horizontal li#ouvrage_art a, *+ html #menu_horizontal li#ouvrage_art.active a, *+ html #menu_horizontal li#ouvrage_art.active a:link, *+ html #menu_horizontal li#ouvrage_art.active a:hover {
	width:85px;
	padding:4px 13px 4px 17px;
}

#menu_horizontal li#voirie a {
	background-image:url(../images/interface/bouton_voirie.jpg);
	width:38px;
	padding:4px 15px;
}

#menu_horizontal li#voirie.active a, #menu_horizontal li#voirie.active a:link, #menu_horizontal li#voirie.active a:hover {
	background-image:url(../images/interface/bouton_voirie_act.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:38px;
	padding:4px 15px;
	margin:0;
	height:38px;
}

* html #menu_horizontal li#voirie a, * html #menu_horizontal li#voirie.active a, * html #menu_horizontal li#voirie.active a:link, * html #menu_horizontal li#voirie.active a:hover {
	width:68px;
	padding:4px 15px 4px 17px;
}

*+ html #menu_horizontal li#voirie a, *+ html #menu_horizontal li#voirie.active a, *+ html #menu_horizontal li#voirie.active a:link, *+ html #menu_horizontal li#voirie.active a:hover {
	width:36px;
	padding:4px 15px 4px 17px;
}

#menu_horizontal li#agricole a {
	background-image:url(../images/interface/bouton_agricole.jpg);
	width:53px;
	padding:4px 15px;
}

#menu_horizontal li#agricole.active a, #menu_horizontal li#agricole.active a:link, #menu_horizontal li#agricole.active a:hover {
	background-image:url(../images/interface/bouton_agricole_act.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:53px;
	padding:4px 15px;
	margin:0;
	height:38px;
}

* html #menu_horizontal li#agricole a, * html #menu_horizontal li#agricole.active a, * html #menu_horizontal li#agricole.active a:link, * html #menu_horizontal li#agricole.active a:hover {
	width:83px;
	padding:4px 15px 4px 17px;
}

*+ html #menu_horizontal li#agricole a, *+ html #menu_horizontal li#agricole.active a, *+ html #menu_horizontal li#agricole.active a:link, *+ html #menu_horizontal li#agricole.active a:hover {
	width:51px;
	padding:4px 15px 4px 17px;
}

#menu_horizontal li#industriel a {
	background-image:url(../images/interface/bouton_industriel.jpg);
	width:62px;
	padding:4px 15px;
}

#menu_horizontal li#industriel.active a, #menu_horizontal li#industriel.active a:link, #menu_horizontal li#industriel.active a:hover {
	background-image:url(../images/interface/bouton_industriel_act.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:62px;
	padding:4px 15px;
	margin:0;
	height:38px;
}

* html #menu_horizontal li#industriel a, * html #menu_horizontal li#industriel.active a, * html #menu_horizontal li#industriel.active a:link, * html #menu_horizontal li#industriel.active a:hover {
	width:92px;
	padding:4px 15px 4px 19px;
}

*+ html #menu_horizontal li#industriel a, *+ html #menu_horizontal li#industriel.active a, *+ html #menu_horizontal li#industriel.active a:link, *+ html #menu_horizontal li#industriel.active a:hover {
	width:58px;
	padding:4px 15px 4px 19px;
}

#menu_horizontal li#maison a:hover, #menu_horizontal li#immeuble a:hover, #menu_horizontal li#ouvrage_art a:hover, #menu_horizontal li#voirie a:hover, #menu_horizontal li#agricole a:hover, #menu_horizontal li#industriel a:hover {
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration:none;
}
#menu_horizontal li#maison a:hover {
	background-image:url(../images/interface/bouton_maison_individuelle_h.jpg);
}
#menu_horizontal li#immeuble a:hover {
	background-image: url(../images/interface/bouton_immeuble_h.jpg);
}
#menu_horizontal li#ouvrage_art a:hover {
	background-image:url(../images/interface/bouton_ouvrage_art_h.jpg);
}
#menu_horizontal li#voirie a:hover {
	background-image:url(../images/interface/bouton_voirie_h.jpg);
}
#menu_horizontal li#agricole a:hover {
	background-image:url(../images/interface/bouton_agricole_h.jpg);
}
#menu_horizontal li#industriel a:hover {
	background-image:url(../images/interface/bouton_industriel_h.jpg);
}
/****************************************************************************************/
/*                        SOUS MENU DOMAINES - APPLICATIONS                             */
/****************************************************************************************/

.animation {
	margin:0 0 20px 150px;
}
#video {
	background-color:#6699FF;
	height:400px;
	margin:30px 0 0 490px;
	position:absolute;
	width:470px;
	z-index:150;
	padding:0;
}

* html #video {
	margin:30px 0 0 490px;
}

#applications {
	list-style-type:decimal;
	margin:120px 0 0 32px;
	padding:0;
	position:absolute;
	width:145px;
	color:#003772;
}

* html #menu_horizontal #applications {
	margin:120px 0 0 -153px;
	width:145px;
}

*+ html #menu_horizontal #applications {
	margin:120px 0 0 -153px;
	width:145px;
}

#menu_horizontal #applications li {
	margin:0;
	padding:0 0 0 3px;
	font-weight:bold;
	list-style-type: decimal;
	font-size:12px;
}

* html #menu_horizontal #applications li{
	/*margin:-3px 0;*/
}

*+ html #menu_horizontal #applications li{
	/*margin:-3px 0;*/
}

#applications li ul{
	display:none;
}

#menu_horizontal li#maison.active #applications li a, #menu_horizontal li#maison.active #applications li a:link {
	background-image:url(../images/interface/pouce_menu.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
	display:block;
	height:18px;
	margin:0;
	padding:0 18px;
	text-decoration:none;
	list-style-type: decimal;
	width:140px;
}

#menu_horizontal li#maison.active #applications li a:hover {
	font-weight:bold;
	color:#56c6ea;
}

#applications li ul li a, ul#applications li ul li a:link {
	/*width:150px !important;
	width:160px;*/
}

#applications li a:hover {
	/*color:#9f8b4b;
	background-image:url(../images/interface/pouce_menu_active.gif);
	background-repeat:no-repeat;
	background-position:0 50%;*/
}


#applications li.active a {
	color:#9f8b4b;
	background-image:url(../images/interface/pouce_menu_active.gif);
	background-repeat:no-repeat;
	background-position:0 50%;

}

/****************************************************************************************/
/*                                    MENU GAUCHE                                       */
/****************************************************************************************/

.menu_gauche_content {
	margin:0 0 0 11px;
	padding:0px;
	width:199px;
	background-image:url(../images/interface/border_bg_menu.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	
}
#milieu_gauche_haut h2 {
	font-size:0;
	line-height:0;
	background-repeat:no-repeat;
	background-position:0 0;
	height:10px;
	margin:0;
	padding:0;
	position:relative;
}

h2.bg_menu_haut {
	background-image:url(../images/interface/bg_haut_menu.jpg);
}

h2.bg_menu_bas {
	background-image:url(../images/interface/bg_bas_menu.jpg);
}

.menu_gauche_bg {
	background-color:#FFFFFF;
	width:199px;
	background-image:url(../images/interface/bg_menu_gauche0.jpg);
	background-repeat:repeat-x;
	background-position:center bottom;
	margin:-3px 0 -3px 1px;
	padding:0;
	width:197px;
}

ul#menu_gauche {
	font-size:12px;
	margin:0;
	padding:0 10px;
	list-style-type:none;
}

ul#menu_gauche li {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	width:177px;
	list-style-type:none;
}

* html ul#menu_gauche li {
	margin:-3px 0;
}

*+ html ul#menu_gauche li {
	margin:-3px 0;
}

ul#menu_gauche li.off ul{
	display:none;
}

ul#menu_gauche li a, ul#menu_gauche li a:link {
	margin:0;
	padding:5px 0 6px 12px;
	text-decoration:none;
	border-top:1px solid #afd3e8;
	display:block;
	
}

ul#menu_gauche li.off a {

	background-image:url(../images/interface/pouce_menu.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
}

#menu_gauche li ul li a, #menu_gauche li ul li a:link {
	width:150px !important;
	width:160px;
}

ul#menu_gauche li a:hover {
	color:#9f8b4b;
	background-image:url(../images/interface/pouce_menu_active.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}

#menu_gauche li.on a {
	color:#9f8b4b;
	background-image:url(../images/interface/pouce_menu_active.gif);
	background-repeat:no-repeat;
	background-position:0 50%;

}

#menu_gauche li.on ul {
	display:block;
}

#menu_gauche ul.sous_menu_gauche {
	list-style-type:none;
	list-style-type:none;
	margin:-3px 0 7px;
	padding:0;
}

#menu_gauche ul.sous_menu_gauche li {
	color:#003772;
	font-size:11px;
	font-weight:normal;
	list-style-type:none;
	margin:0;
}

#menu_gauche ul.sous_menu_gauche li a, #menu_gauche ul.sous_menu_gauche li a:link {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	color:#003772;
	font-weight:normal;
	list-style-type:none;
	margin:0;
	padding:1px 13px 2px;
}

#menu_gauche ul.sous_menu_gauche li a:hover, #menu_gauche ul.sous_menu_gauche li.on a {
	background:transparent none repeat scroll 0 0;
	color:#9F8B4B;
}

#menu_gauche ul.sous_menu_gauche li.active a {
	color:#9F8B4B;
}

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


.contenu_home_droite_contenu span a, .milieu_gauche_bas_contenu p a, .milieu_gauche_bas_contenu span a, .block_contenu_home p a, #bas span a, .contenu_home_gauche p a, .contenu_home_centre p a, .contenu_home_droite p a {
	text-decoration:underline;
}

.contenu_home_droite_contenu span a:hover, .milieu_gauche_bas_contenu p a:hover, .block_contenu_home p a:hover, #bas span a:hover, .milieu_gauche_bas_contenu span a:hover, .contenu_home_gauche p a:hover, .contenu_home_centre p a:hover, .contenu_home_droite p a:hover {
	color:#9F8B4B;
}

/**************************************************************************************************************************/
/*                                                           TITRES                                                       */
/**************************************************************************************************************************/
#milieu_milieu_entete h1.titre_page {
	font-size:24px;
	color:#9f8b4b;
	padding:25px 0 0 0px;
	margin:0;
	font-weight:normal;
}

#milieu_milieu_entete h2.titre_page_2 {
	float:left;
	padding:0 15px 0 0px;
	width:auto;
	height:50px;
	font-size:24px;
	color:#003772;
}

#milieu_milieu_entete h3.sous_titre {
	color:#003772;
	font-size:15.3px;
	font-weight:bold;
	line-height:1.1;
	margin:0;
	padding:10px 0 0px 0;
	text-align:left;
}

/****************************************************************************************/
/*                                 ENTETES COLONNE CENTRE                               */
/****************************************************************************************/

.div_entete_centre, .div_entete_centre_droite, .div_entete_centre_gauche {
	width:auto;
	background-image:url(../images/interface/ligne.jpg);
	background-repeat:repeat-x;
	background-position:0 top;
	padding:20px 0 0 0;
	margin:10px 0 0;
}

.bloc_420 .div_entete_centre,
.bloc_420 .div_entete_centre_droite,
.bloc_420 .div_entete_centre_gauche {
	width:420px;
	float:left;
}

.csc-header {
	float:left;
	width:100%;
}

.menu_deroulant_marron .csc-header {
	float:none;
	width:auto;
}

.contenu_home_droite_contenu .div_entete_centre,
.contenu_home_droite_contenu .div_entete_centre_droite,
.contenu_home_droite_contenu .div_entete_centre_gauche {
	width:auto;
	padding:0;
	margin:0;
}

.div_entete_centre_droite {
	text-align:right;
}

.div_entete_centre_gauche {
	text-align:left;
}

.div_entete_centre_centre {
	text-align:left;
}

#milieu_gauche .div_entete_centre, #bas .div_entete_centre, #milieu_droite .div_entete_centre, .encadre_jaune .div_entete_centre, .menu_boutons .div_entete_centre, .fond_gris .div_entete_centre, .menu_deroulant_marron .div_entete_centre {
	background-image:none;
	padding:0;
	margin:0;	
}

.div_entete_droite {
	width:283px;
}

.milieu_milieu_contenu_normal h2 {
	font-size:18px;
	margin:0;
	padding:0;
}

.milieu_milieu_contenu_normal h3 {
	font-size:13px;
	padding:5px 15px;
	text-align:left;	
}

.milieu_milieu_contenu_normal h4 {

}

.milieu_milieu_contenu_normal h5 {
padding:5px 0;
}

.milieu_milieu_contenu_normal h6 {
padding:5px 15px;
}

.milieu_milieu_contenu_normal h1.entete_marron, .milieu_milieu_contenu_normal h1.entete_rouge, .milieu_milieu_contenu_normal h1.entete_bleu, .milieu_milieu_contenu_normal h1.entete_jaune, .milieu_milieu_contenu_normal h2.entete_bleu, .milieu_milieu_contenu_normal h2.entete_marron, .milieu_milieu_contenu_normal h2.entete_rouge, .milieu_milieu_contenu_normal h2.entete_jaune, .milieu_milieu_contenu_normal h3.entete_bleu, .milieu_milieu_contenu_normal h3.entete_marron, .milieu_milieu_contenu_normal h3.entete_rouge, .milieu_milieu_contenu_normal h3.entete_jaune {
	color:#FFFFFF;
	font-size:16px;
	line-height:1.1;
	margin:0px 0 15px;
	padding:9px 15px 7px 15px;
}

.milieu_milieu_contenu_normal h1.entete_marron_large, .milieu_milieu_contenu_normal h2.entete_marron_large, .liste_produits h3 {
	background-color:#B7A672;
	/*float:left;*/
	clear:both;
	width:721px;	
	font-size:15px;
	padding:5px 15px;
	margin:5px 0;
	color:#FFFFFF;		
}

.milieu_milieu_contenu_normal .liste_produits h3 {
	font-weight:normal;
}

.fond_gris h2.entete_marron_large {
	margin:0 0 15px 0;
	float:none;
}

.milieu_milieu_contenu_normal h1.entete_marron, .milieu_milieu_contenu_normal h2.entete_marron, .milieu_milieu_contenu_normal h3.entete_marron {
	background-color:#B7A672;
	width:250px !important;
	width:235px;
}

.milieu_milieu_contenu_normal h1.entete_rouge, .milieu_milieu_contenu_normal h2.entete_rouge, .milieu_milieu_contenu_normal h3.entete_rouge {
	background-color:#e52b38;
	width:250px !important;
	width:235px;
}

.milieu_milieu_contenu_normal h1.entete_bleu, .milieu_milieu_contenu_normal h2.entete_bleu, .milieu_milieu_contenu_normal h3.entete_bleu {
	background-color:#80a7c7;
/*background-image:url(../images/interface/bg_entete_bleu.jpg);
background-position:0 0;
background-repeat:repeat-x;*/
	width:350px !important;
	width:335px;
}

.milieu_milieu_contenu_normal h1.entete_jaune, .milieu_milieu_contenu_normal h2.entete_jaune, .milieu_milieu_contenu_normal h3.entete_jaune {
	background-color:#FFc600;
	width:350px !important;
	width:335px;
}
.milieu_milieu_contenu_normal .fiche_technique .fiche_bas h2.entete_bleu {
	width:250px !important;
	width:235px;
}

.milieu_milieu_contenu_normal h1.entete {
	padding:0 15px;
}

.milieu_milieu_contenu_normal h2.entete {
	color:#9F8B4B;
	display:block;
	font-size:22px;
	font-weight:bold;
	line-height:1.1;
	margin:0;
	padding:10px 15px;
	text-align:left;
	float:left;
}

.milieu_milieu_contenu_normal h3.entete {
	color:#003772;
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:1.1;
	margin:0 0 25px;
	padding:10px 15px;
	text-align:left;
}

.milieu_milieu_contenu_norma h4.entete {
}

.milieu_milieu_contenu_norma h5.entete {
}

.milieu_milieu_contenu_norma h6.entete {

}
.standard {
	float:left;
width:100%;
}

*+html .standard {
	float:none;
}
*html .standard {
	float:none;
width:auto;
}
*********************************************************************************************
dl.csc-textpic-image dd {
	font-size:11.5px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	color:#000000;
	font-size:11px;
	margin:0;
	padding:3px 0;
}