/*  Cascaded Style Sheet
Page de Sophie Wozniak

CSS du site web

Fichier fourni par Eider (http://eider44.com/)
Tel : 33 (0)2-28-55-96-73)

*/



.telex { 
font-family: courier ;
  font-style: normal ;
 }
p.telex { 
  font-size: 15px ;
 }

/* Élements généraux, cadres, mise en forme */
body { 
  font-style: italic ;
  color: #000000 ;
}

div { 
  border: solid 0px  ;
  position: relative ; 
}

/*********** Navigation  **********/
div.navig { 
  height: 130px ;
}

div.portes { 
  height: 200px ;
}

/* Espace total : 970px  */
div.calage  { 
  width: 100px ;
  float: left ;
}
div.portehaut { 
  text-align: center ;
  width: 385px ;
  float: left ;
}
div.portegauche { 
  text-align: center ;
  color: #FFFFFF ;
  width: 100px ;
}

div.naviggauche { 
  float: left ;
  width: 120px ;
}

table.quadrant { 
  border: solid 1px  ;
  border-color: #00FFFF ;
  position:absolute;
  top:0;
  right:0;
}
table.quadrant col { 
  width: 62px ;}

table.quadrant tr td { 
  height: 62px ;
  margin: 0px ;
  padding: 0px ;
}

/*********** Accueil   **********/
div.principal { 
  background-color: #FFFFFF ;  
  width: 970px ;
  height: 600px ;
  margin-left: auto;
  margin-right: auto;
  color: #000000 ;
  border: solid 0px  ;
  border-color: #FF0000 ;
}

img.actu { 
  position:absolute;
  top: 250px;
  left: 0px;
}

/*********** Galerie   **********/
body.galerie { 
  background-color: #000000 ; 
}

div.flippingbook { 
  text-align: center ;
  float: left ;
  width: 840px ; 
  border: solid 1px ;
  height: 570px ;
  background-color: #FFFFFF ;  
}

div.collection  { 
  text-align: left ;
  float: left ;
  padding: 30px ;
  width: 740px ; 
  border: solid 1px ; 
  height: 508px ;
  background-color: #FFFFFF ;
  background-image:url(../photos/collec-across_the_world.jpg);
}

/*********** Actualité **********/
body.actu { 
  background-color: #FFFFFF ;
}

div.actu {  border: solid 0px ; }
div.actu { font-size: 14px ;
  margin: auto ;
  background-image:url(../images/actufonds.jpg);
  width: 970px ;
  height: 685px ;
}

div.actu01  { width: 970px ; height: 120px ; }
div.actu02  { width: 970px ; height: 104px ; }
div.actu020 { width:  64px ; height: 100px ; }
div.actu02G { width: 236px ; height: 100px ; }
div.actu02D { width: 670px ; height: 100px ; }

div.actu020, div.actu02G, div.actu02D, div.actu04G, div.actu04D { float: left ; }

div.actu03  { width: 970px ; height: 140px ; }
div.actu04  { width: 970px ; height: 200px ; }
div.actu04G { width: 485px ; height: 200px ; }
div.actu04D { width: 485px ; height: 200px ; }


div.actu { text-align: center ; }
div.actu02  { text-align: left ; }


/******* Actualité fin **********/



span.image { 
  font-size: 64px ;
}

div.coordaccueil { 
  text-align: center ;
}

div.news { 
  background-color: #004080 ;
  color: #FFFFFF ;
  text-align: center ;
}

div.newshaut { 
  background-image:url(../images/Logo_news.gif);
  height: 50px ;
}


div.flipmarge { 
  width: 165px ; 
  border: solid 2px ;
  float: left ;
  
}

div.portrait { 
  height: 570px ;
  border: solid 0px ;
}

div.portraitgauche { 
  text-align: center ;
  vertical-align: top ;
  float: left ;
  width: 420px ;
  border: solid 0px ;
}

fieldset { 
  width: 640px ; 
  height: 460px ;}
div.portraitcentre { 
  text-align: center ;
  text-align: left ;
  vertical-align: top ;
  float: left ;
  width: 280px ;
  border: solid 0px ;
}

div.portraitdroit { 
  text-align: center ;
  vertical-align: middle ;
  float: left ;
  margin-right: 0px;
  width: 260px ;
  border: solid 0px ;
  height: 400px ;
}

/* Titres */
h1,h2,h3 { 
  text-align: center ;
}
p { 
  text-align: center ;
}

span.sstitre {
  font-size: 13px ;
  color: #000000 ;
  font-style: italic ;
}
div.portehaut span.sstitre {
  font-size: 20px ;
  color: #000000 ;
  font-style: italic ;
}

/* Mail */
a {
color: #000000 ;
  text-decoration: none ; 
  /*  text-decoration: none ; */
}

a.mailat { font-size: 20pt ; }
a img { 
  border: solid 1px  ;
  border-color: #FFFFFF ;
}

/* Titres */


/* *************************************
   
   div.refeider a {
  text-decoration: none ;
  
}
************************************** */

p.accueil { 
  font-size: 20px ; }