@charset "windows-1252"; 

html, body {
    margin:0;
    padding:0;
}

body{
	background-image:url('icones/wfond.jpg');
	font-size:0.9em;
	font-family:arial,Georgia,Serif;
	color:#ffffff;
	}

/* Titres ------------------------------------------------------------------------------------------------------- */	
	
	/*titre*/
h1{
	font-size:3em;
	text-align:center;
	font-family:andy;
	position:relative;
	top:10px;
	}

	/*sous titre*/
h2{
	text-align:center;
	font-size:1.5em;
	font-family:time new roman;
	color:#999999;
	position:relative;
	bottom:8px;
	}

	/*titre manifs*/
h3{
	text-align:center;
	font-size:1.5em;
	font-style:normal;
	text-decoration:underline;
	}
	
	
/* Textes -------------------------------------------------------------------------------------------- */
	
p{
	}

.center{
	text-align:center;
	}

.manifs{
	color:#ffff66;
	text-decoration:underline;
	font-size:1.1em;
	}
	
.sommaire{
	position:relative;
	left: 20px;
	}	
	

	
/* Liens ------------------------------------------------------------------------------------------------------- */

a:link {
	text-decoration: none;
	color:#fff;
	}      /* unvisited link */

a:visited {
	text-decoration: none;
	color: #fff;
	}  /* visited link */

a:hover {
	text-decoration: underline;
	color: #ffffcc;
	}  /* mouse over link */

a:active {
	color: #ffffcc;
	}  /* selected link */

/* Barre ------------------------------------------------------------------------------------------------------- */
	
hr{
	margin-left:20px;
	margin-right:20px;
	background-color:#336699;
	height:2px;
	border-width:1px;
	}

.hrpage{	
	margin-left:220px;
	margin-right:220px;
	background-color:#c0c0c0;
	height:2px;
	border-width:1px;
	}		
	

/* Tables ------------------------------------------------------------------------------------------------------- */
	
table{
	margin:auto;/* Centre le tableau */
	width:550px;
	}
	
td  /* Les cellules normales */ 
{
	background-color:#6699cc;
	text-align:center;
	}


	
/* Images ----------------------------------------------------------------------------------------------- */
	
img { 
	border:0;
	} 

.logogabian{ 
	height:150px; 
	width:150px; 
	margin-left:15px;
	} 

.logoffam {
    height:120px; 
	width:124px;
	margin-left:30px;
	}
	
.principal {
   	width:500px;
	position:relative;	
	left:35px;
	}	

.astro{ 
	width:400px;
	position:relative;	
	left:85px;
	} 

.papa {
    height:129px; 
	position:relative;	
	left:245px;
	}
	
.emouchet {
   	width:500px;
	position:relative;	
	left:35px;
	}	
	
	
/* blocs conteneur ------------------------------------------------------------------------------------------------ */	
div#conteneur {
	width:1000px;
	height:3200px;
	margin:auto;
	margin-bottom:100px;
	}
	
/* bloc sommaire ------------------------------------------------------------------------------------------------ */	
div#sommaire {
	float:left;
	width:185px;
	height:3200px;
	background-color:#000000;
	padding:10px;
	border-radius: 10px 0 0 10px;
	}	
	
/* bloc news --------------------------------------------------------------------------------------------------------- */	
div#news {
	float:right; 
	width:185px;
	height:3200px;  
	background-color:#000000;
	padding:10px;
	border-radius: 0 10px 10px 0;
	}	
	
/* bloc titre ------------------------------------------------------------------------------------------------ */
div#titre {
	width:588px;
	height:110px;
	background-color:#000000;
	margin-left:206px;
	} 	
	
/* bloc page ------------------------------ */	
div#page {
   background-color:#7c7d81;
   width:568px;
   height:2992px;
   margin-top:1px;
   margin-left:206px;
   padding: 10px;
   }
   
/* page bas--------------------------------------------------------------------------------------------------------- */
div#bas {
	width:588px;
	height:96px;  
	margin-top:1px;
	background-color:#000000;
	margin-left:206px;
  	}