/* --------------------------------------------------------
    Feuille de style des composants IDs
    composants.css
   -------------------------------------------------------- */
div#MainContainer {
margin: 0 auto;
padding: 0;
width: 955px;
text-align: right;
height:100%;
}
		
/*html>body div#MainContainer {
height: 100%;	 
}*/
			
div#Content {		
width: 955px;
margin-top: 20px;
text-align: left;
height:75%;
}


/* --------------------------------------------------------
    Header
   -------------------------------------------------------- */
   
div#Header {
height: 127px;
width: 955px;
margin: 0;
padding: 0;
text-align:left;
}

/* logo */
div#Header #logo {
float: left;
height: 100px;
}

div#Header #logo .img1 {
float: left;	
height: 100%;
width: 955px;
background: url(../pic/images/bandeau_1.jpg) no-repeat 0 0;
}

/*div#Header #logo .pub {
float: left;
height: 100%;
width: 175px;
color: #fff;
text-align: center;
}	*/

/* main menu */ 
div#Header #main_menu {
float: left;
height: 27px;
width: 955px;	
}

div#Header {
background-color: #4A7FFB;
}

div#Header .type1 {
background-color: #4A7FFB;
}

div#Header .type2 {
background-color: #4A7FFB;
}


div#Header .coinG, div#Header .type1 .coinG, div#Header .type2 .coinG {
float: left;
height: 100%;	
width: 9px;
background: url(../pic/images/coinbleuG.gif) no-repeat 0 bottom;
}	

div#Header .type1 .coinG {
background: url(../pic/images/coinbleuG_int.gif) no-repeat 0 bottom;
}	

div#Header .type2 .coinG {
background: url(../pic/images/coin0275B3_G.gif) no-repeat 0 bottom;
}	

div#Header .coinD, div#Header .type1 .coinD, div#Header .type2 .coinD {
float: right;
height: 100%;
width: 9px;
background: url(../pic/images/coinbleuD.gif) no-repeat right bottom;
}

div#Header .type1 .coinD {
background: url(../pic/images/coinbleuD_int.gif) no-repeat right bottom;
}

div#Header .type2 .coinD {
background: url(../pic/images/coin0275B3_D.gif) no-repeat right bottom;
}

	
div#Header #main_menu .lignebleue1 {
float: left;
width: 90%;
height: 24px;
padding: 3px 0px 0px 11px;
text-align:left;
}	

/* Panneau */
#panneau {
float:left; 
position:relative; 
top:110px; 
left:100px;
}	

#panneau .gauche {
float:left;	background: url(../pic/images/panneauG.png) left center no-repeat;	height:23px; width:4px;
}

#panneau .droite {
float:left; background: url(../pic/images/panneauD.png) no-repeat; height:23px; width:4px;
}

#panneau .centre {
float:left; height:23px; padding:4px 10px 0 10px; background: url(../pic/images/panneauFond.gif) repeat-x; text-align:center; text-transform:uppercase;
}
/* --------------------------------------------------------
    Footer
   -------------------------------------------------------- */	
   
#footer {
float:left;
width: 955px;
height: 38px;
margin: 1px 0px 5px 0px;
background-color: #4A7FFB;
}	

#footer .coinG {
float: left;
height: 100%;
width: 10px;
background: url(../pic/images/coinbleuG.gif) no-repeat left bottom;
}
	
#footer .coinD {
float: right;
height: 100%;
width: 10px;
background: url(../pic/images/coinbleuD.gif) no-repeat right bottom;
}	

#footer .footer_menu {
float: left;
width: 90%;
padding: 10px 0 0 20px;	
text-align: center; 
}

/* --------------------------------------------------------
    Général
   -------------------------------------------------------- */	
	
#signature {
width: 955px;
margin: 0 auto;
text-align: right;
}	

#signature h2 {
float:left;
width: 65%;
}

.copy {
float:left;
background-image:url(../pic/images/logo_technimedia.gif);
background-repeat: no-repeat;
height: 17px;
width: 17px;
margin-left: 7px;
}


#ephemeride, #bloc {
margin-left: 18px;
}	

#ephemeride div#first, #bloc div#first {
padding-top: 5px;
}

#edito {
float: left;
padding: 10px 0 0 0px;
width: 100%;
}
		
		
#home_page {
background: #76C5F0;
height: 10px;
width: 100%;
}
 
/* --------------------------------------------------------
    inscription
   -------------------------------------------------------- */
		 
#inscription {
background: #76C5F0;
height: 100px;
width: 100%;
}
	
#inscription .bouton {
float:right;
background: #888888 url(../pic/images/fleche_blanche.gif) no-repeat center;
width: 25px;
height: 14px;
/*margin-left: 127px;*/
margin-top: 0px;
cursor: pointer;
} 	
	
	
/* --------------------------------------------------------
    Newsletter
   -------------------------------------------------------- */

#annonces {
background: #4A7FFB;
width: 100%;
height: 100px;
}	

#newsletter, #moteur {
background: #4A7FFB;
width: 100%;
}	

#newsletter {
height: 100px;
}

#newsletter .bouton, #moteur .bouton {
float:right;
width: 96px;
left: 56px;
margin: 7px 0 7px 0;	
text-align: center;
} 		

#moteur {
height: 157px;
}
/* --------------------------------------------------------
    Recherche
   -------------------------------------------------------- */
   
#search {
width: 100%;
margin: 0;
padding: 0;
height: 143px;
}   

#search #box {
background-color:#CBDCF5; 
height: 100%;
}

#search .cp {
float:left; 
width:300px;
}

#search .ville {
float:left; 
width:300px;
margin-left:6px;
}

#box #content {
padding: 0 0 0 10px; 
height: 100%;
width: 93%;
}

#search .bouton {
padding: 0 20px 0 20px;
}


#coin .grisHG {
float: left;
height: 8px;
width: 8px;
background: url(../pic/images/coinGrisHG.gif) no-repeat left top;
}
	
#coin .grisHD {
float: right;
height: 8px;
width: 8px;
background: url(../pic/images/coinGrisHD.gif) no-repeat right top;
}

#coin .grisBG {
float: left;
height: 8px;
width: 8px;
background: #F1F1F1 url(../pic/images/coinGrisBG.gif) no-repeat left top;
}
	
#coin .grisBD {
float: right;
height: 8px;
width: 8px;
background: url(../pic/images/coinGrisBD.gif) no-repeat right top;
}

/* --------------------------------------------------------
    Recherche
   -------------------------------------------------------- */
   
div#enseigne {
width: 600px;
background-color:#CBDCF5; 
padding:10px; 
/*height:150px;*/
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

div#enseigne .nom{
font-size:15px;
color: #565656;
font-weight:bold;
}

div#enseigne .coord {
color: #565656;
}

div#enseigne a {
color: #565656;
}

div#enseigne #descriptif {
float: left;
width: 320px; 
padding-left:10px; 
height:100%;
}

div#enseigne #descriptif p {
padding-top: 15px;
}

div#enseigne #photo {
float:right; text-align:right;
}

div#enseigne #liens {
float:right; text-align:right;
}

div#enseigne #photo img {
border:1px solid #fff;
}

/* --------------------------------------------------------
    Fiche ville
   -------------------------------------------------------- */
   
#pic-ville img {
padding-right:3px;
}

#pic-ville p {
font-size: 10px;
color: #B2B2B2;
float:left;
}

#lien-ville {
float: left;
padding: 20px 0 0 12px;
width: 100%;
}

#nom-ville {
float:left;
width:83%;
padding: 20px 0 0 12px;
margin:0 20px 0 0; 
}

#lien-ville #list {
float:left;
width:450px; 
}

#lien-ville #url a {
color: #0275B3;
width:auto;
}

#nom-ville h3.typ4 {
padding-bottom:5px;
}

#lien-ville h4 {
font: 11px Trebuchet MS, Tahoma, Arial;
display:inline;
}

#lien-ville h4 img {
float:left;
width:12px;
height:9px;
background: url(../pic/images/fleche_bleue.gif) no-repeat 0 bottom;
padding: 2px 0 0 0;
}