/* CSS Document
 */

@import url(../styles/typo.css);
@import url(../styles/menu.css);

* {
	padding: 0;
	margin: 0;
	}
body {
	text-align: center;
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
	background: #EDEFEC url(../images/fond_page.jpg) top left repeat-X;
	}
	
#container {
	background: transparent;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	}
#container_page {
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	width: 932px;
	background: transparent url(../images/page.png) left top repeat-Y;
	}
	
/* = BANNIERE
------------------------------ */
#banner {
	background: transparent url(../images/visuel.jpg) left bottom no-repeat;
	width: 900px;
	height: 412px;
	margin-left:16px;
	}			
	
/* = LOGO ESCIENCIA
------------------------------ */		
#logo {
	position:relative;
	background: transparent url(../images/logo.png) top left no-repeat;
	width:199px;
	height:119px;
	left:29px;
	top:18px;
	float:left;
	}
#logo h1 {
	border: 0;
	background: transparent;
	display:block;
	overflow:hidden;
	height: 0;
	font-size: 0px;
	}
/* = Baseline
------------------------------ */			
#baseline {
	position:relative;
	background: transparent url(../images/baseline.jpg) left top no-repeat;
	width:97px;
	height:51px;
	float:right;
	top:24px;
	}
#baseline h2 {
	display:block;
	overflow:hidden;
	height:0;
	font-size:0px;
	}
/* = PAGE
------------------------------ */
#fond_page {
	background: #FFF url(../images/degrade_page.jpg) left top repeat-X;
	margin:0 0 0 16px;
	width:856px;
	padding:14px 22px;
	}		
#cadre {
	background: #FFF url(../images/cadre.jpg) left top repeat-X;
	padding:10px;
	margin:0;
	}
#fond_article {
	background: #FFF url(../images/fond_article.jpg) left bottom repeat-X;
	padding:25px;
	}	
/* = PIED DE PAGE
------------------------------ */
#pied_page {
	height:56px;
	background-color:#ABCBE9;
	}
#adresse {
	margin: 0 auto;
	width:836px;
	text-align: right;
	height: 56px;
	}
/* = DECLIKA
------------------------------ */
#credits {
	margin:0 auto;
	width: 836px;
	text-align: right;
	display: block;
	}
#signature {
	font-size: 10px;
	}	
#designed {
	margin-top:10px;
	display:block;
	width:785px;
	height:14px;
	float:left;
	color: #A7A7A7;
	}
#declika_cont {
	margin-top:10px;
	display:block;
	width:51px;
	height:14px;
	float:right;
	}	
#declika {
	display:block;
	height:14px;
	width:51px;
	background: transparent url(../images/declika.png) no-repeat;
	float:right;
	}
#declika span {
	display: block;
	width:0;
	heignt:0;
	overflow:hidden;
	}
	
/* = YAHOO! MAP
------------------------------ */	
#carto {  
	height: 400px;  
	width: 520px;  
}

/* = CADRE
------------------------------ */	
.cadre_gris {
	display:block;
	background:#f5f5f5;
	border: 1px solid #dddddd;
	padding: 20px;
	margin-bottom: 1em;
	}
.cadre_gris img {
	float: right;
	}
.cadre_gris .img_gauche {
	float: left;
	display:block;
	}		 
/* = LIEN PDF
------------------------------ */	 
.pdf {
	background: transparent url(../images/pdf_button.png) right center no-repeat;
	}
.pdf a:link, .pdf a:visited {
	color:#8cc63f;
	padding-right: 20px;
	}
.pdf a:hover, .pdf a:active	{
	color:#b11116;
	}
	/* = SEPARATOR
------------------------------ */	 
.separator {
	display:block;
	border-bottom:1px solid #ddd;
	margin-bottom: 1em;
	height:1px;
	}
/* = IMAGES
------------------------------ */	 	
.photo {
	float: left;
	margin: 0 15px 10px 0;
	}				
	
	
	
	
/* = Modifications OUESTCOM (FOOTER)
------------------------------ */	 

#EditoRef {
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	width:836px;
	height:50px;
	float:left;
	}	
	
#EditoRef p {
	text-align: right;
	color:#6C6C6C;
}

.PartnerLink { color: #6C6C6C;}