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

* {
margin:0;
padding:0;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#000000;
font-size:11px;
background-color:#FFFFFF;
}

.txt_footer {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #13BAD7;}
.txt_or {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E4693F;}

#conteneur_page h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #13BAD7; font-weight: bold;}
#conteneur_page h2, span.titre_orange {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #E4693F; font-weight:bold;}
#conteneur_page h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #13BAD7; font-weight: bold;}
#conteneur_page2 h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #13BAD7; font-weight: bold;}
#conteneur_page2 h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #E4693F;}
#conteneur_page2 h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #13BAD7; font-weight: bold;}
.page_txt {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

.liens_bleu {font-family: Arial, Helvetica, sans-serif; color: #13BAD7; text-decoration: none;}
a.liens_bleu:hover {color: #E4693F; text-decoration: none;}

.liens_noir {font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}
a.liens_noir:hover {color: #E4693F; text-decoration: none;}

.liens_orange {font-family: Arial, Helvetica, sans-serif; color: #E4693F; text-decoration: none;}
a.liens_orange:hover {color: #13BAD7; text-decoration: none;}

.liens_catalogue {font-family: Arial, Helvetica, sans-serif; color: #7F7F7F; text-decoration: none;}
a.liens_catalogue:hover {color: #E4693F; text-decoration: none;}

.orange {color: #E4693F;}

#conteneur {
	width:980px;
	margin:0 auto;
	margin-top:10px;
	position:relative;
}
#footer {
	width: 940px;
	height: 20px;
	margin-top:4px;
	margin-left:40px;
	padding-top: 5px;
	position:relative;
	background: url(images/ligne_bas.gif) no-repeat;
}

/* --- ACCUEIL --- */

#conteneur_accueil {
	width: 980px;
	height: 680px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	background: url(images/fd_accueil.jpg) no-repeat;
}
#logo_accueil {
	width: 360px;
	height: 94px;
	position:absolute;
	background: url(images/logo_mecelec.jpg);
	text-indent:-5000px;
}

#menu_haut {
		left:865px;
		top:16px;
		position: absolute;
		}
#menu_haut ul li {
		float:left;
		list-style:none;
		margin-right: 5px;
		}
#menu_haut ul li a {
		/*display: block ;*/
		font: 1em Arial, Helvetica, sans-serif ;
		text-align: center ;
		text-decoration: none ;
		}
		
#menu_info {
		left:505px;
		top:73px;
		position: absolute;
		}

#menu_info li {
		float:left;
		}
#menu_info ul li {
		list-style:none;
		padding-left:12px;
		margin-right: 15px;
		background: url(images/puce_menu.gif) no-repeat;
		}
#menu_info ul li a {
		/*display: block ;*/
		font: 1.1em Arial, Helvetica, sans-serif ;
		text-align: left ;
		text-decoration: none ;
		}

#menu_coffrets {
		width:350px;
		height:290px;
		left:50px;
		top:144px;
		position: absolute;
		}
#menu_coffrets ul li {
		float:left;
		height:145px;
		list-style:none;
		}
#menu_coffrets ul li.electricite {
		width:175px;
		background: url(images/electricite.jpg);
		}
#menu_coffrets ul li.eau {
		width:175px;
		background: url(images/eau.jpg);
		}
#menu_coffrets ul li.gaz {
		width:175px;
		background: url(images/gaz.jpg);
		}
#menu_coffrets ul li.telecom {
		width:175px;
		background: url(images/telecom.jpg);
		}
#menu_coffrets ul li a {
		display: block ;
		font: 1.1em Arial, Helvetica, sans-serif ;
		font-weight:bold;
		text-align: left ;
		text-decoration: none ;
		height:145px;
		text-indent:-5000px;
		}
		
#menu_milieu {
		width:240px;
		height:314px;
		left:435px;
		top:133px;
		position: absolute;
		}
#menu_milieu ul li {
		float:left;
		width: 240px;
		height:106px;
		list-style:none;
		}
#menu_milieu ul li.milieu1 {
		background: url(images/ccv_murs-techniques_sarco.jpg) no-repeat;
		}
#menu_milieu ul li.milieu2 {
		background: url(images/cablage_integration-technique.jpg) no-repeat;
		}
#menu_milieu ul li.milieu3 {
		background: url(images/eclairage-public.jpg) no-repeat;
		}
#menu_milieu ul li a {
		display: block ;
		font: 1.1em Arial, Helvetica, sans-serif ;
		font-weight:bold;
		text-align: left ;
		text-decoration: none ;
		height:106px;
		text-indent:-5000px;
		}
		
#menu_sites {
		width:230px;
		height:314px;
		left:716px;
		top:104px;
		position: absolute;
		}
#menu_sites ul li {
		float:left;
		width: 230px;
		
		list-style:none;
		}
#menu_sites ul li.site1 {
		background: url(images/mecelec_telecoms.jpg) no-repeat;
		height:185px;
		}
#menu_sites ul li.site2 {
		background: url(images/mecelec_plastiques_composites.jpg) no-repeat;
		height:156px;
		}
#menu_sites ul li a {
		display: block ;
		font: 1.1em Arial, Helvetica, sans-serif ;
		font-weight:bold;
		text-align: left ;
		text-decoration: none ;
		height:156px;
		text-indent:-5000px;
		}
		
#txt_accueil {
		width:511px;
		height:80px;
		left:435px;
		top:465px;
		position: absolute;
}
#adresse {
		width:150px;
		height:80px;
		left:65px;
		top:465px;
		position: absolute;
}
/* --- ACCUEIL --- */


/* --- PAGE --- */

#conteneur_page {
	width:980px;
	position:relative;
	background: url(images/fd_page.jpg) no-repeat;
	padding-top:150px;
}
#content {
	position:relative;
	width:900px;
	margin-left:61px;
}
#colonne_gauche {
	position:relative;
	float:left;
	width:60%;
	margin-bottom:15px;
}
#colonne_gauche p {
	width:600px;
}
#colonne_gauche dl {
	width:505px;
	margin-bottom:20px;
	clear:both;
}
#colonne_gauche #case1 dl, #colonne_gauche #case2 dl, #colonne_gauche #case3 dl, #colonne_gauche #case4 dl, #colonne_gauche #case5 dl, #colonne_gauche #case6 dl {
	position:absolute;
	width:505px;
	top:220px;
	
}
ul.liste_ccv li a {
	color:#13BAD7;
	text-decoration:none;
}
ul.liste_ccv li a:hover {
	text-decoration:underline;
}
#colonne_gauche dd {
	margin-left:230px;
}
#colonne_gauche dt {
	float:left;
	margin-bottom:15px;
}
#colonne_gauche dd p {
	width:300px;
}
#colonne_gauche dt img {
	/*float:left;
	margin-bottom:15px;*/
}
#agents {
	position:relative;
	width:340px;
	border:solid 1px #13BAD7;
	padding-left:10px;
	background: url(images/fd_agents.jpg) bottom no-repeat;
}
#colonne_droite {
	position:relative;
	float:left;
	width:350px;
}
#colonne_droite ul {
	list-style:none;
}
#colonne_droite #photo {
	position:relative;
	width:140px;
	height:140px;
	float:right;
	margin-top:10px;
	margin-right:0px;
}

#menu_coffrets_haut {
		width:276px;
		height:42px;
		left:360px;
		top:26px;
		position: absolute;
		}
#menu_coffrets_haut ul li {
		float:left;
		height:21px;
		list-style:none;
		}
#menu_coffrets_haut ul li.electricite {
		width:138px;
		background: url(images/coffrets1.gif);
		}
#menu_coffrets_haut ul li.eau {
		width:138px;
		background: url(images/coffrets2.gif);
		}
#menu_coffrets_haut ul li.gaz {
		width:138px;
		background: url(images/coffrets3.gif);
		}
#menu_coffrets_haut ul li.telecom {
		width:138px;
		background: url(images/coffrets4.gif);
		}
#menu_coffrets_haut ul li a {
		display: block ;
		font: 1.1em Arial, Helvetica, sans-serif ;
		font-weight:bold;
		text-align: left ;
		text-decoration: none ;
		height:21px;
		text-indent:-5000px;
		}

#menu_ccv {
		width:250px;
		height:40px;
		left:636px;
		top:25px;
		position: absolute;
		}
#menu_ccv ul li {
		list-style:none;
		padding-left:11px;
		background: url(images/puce_rond.gif) left 3px no-repeat;
		}
#menu_ccv ul li a {
		display: block ;
		font: 1em Arial, Helvetica, sans-serif ;
		text-align: left ;
		text-decoration: none ;
		height:13px;
		}

/* --- PAGE --- */


/* --- HISTORIQUE --- */

#conteneur_page2 {
	width:980px;
	position:relative;
	background: url(images/fd_page2.jpg) no-repeat;
	padding-top:150px;
	margin-bottom:15px;
}

#colonne_gauche2 {
	position:relative;
	float:left;
	width:55%;
}
#colonne_gauche2 p {
	width:450px;
}
#colonne_droite2 {
	position:relative;
	float:left;
	width:45%;
	margin-top:40px;
}

/* --- HISTORIQUE --- */


/* --- INFOS --- */

#colonne {
	position:relative;
	width:100%;
	margin-bottom:15px;
}

/* --- INFOS --- */