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

/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%;
} 
body { 
  margin: 0; 
  padding: 0; /* Remettre à zéro si nécessaire. */ 
  font-family:Calibri;
  font-size: 12px; /* À adapter pour la police choisie. (3) */ 
  color: black; 
  background: black; 
} 

/* Liens */ 
a { 
  text-decoration: none;
  color:#999999;
  font-style:italic;
} 
a:hover { 
  text-decoration: none; 
  color:#0099FF;
  font-style:italic;
}
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 



/*Layout Commun*/
div.Site {
	margin:50px auto 0 auto;
	padding:0;
	width:1000px;
	height:570px;
	background-color:#CCCCCC;
}

/*Page d'accueil*/
div.Accueil {margin:0;padding:0;width:1000px;height:540px;}
div.Titre{margin:0;padding:0;width:1000px;heigth:230px;}
div.ImgMenu{margin:0 auto 50px auto;width:1000px;height:180px;}
div.ImgMenu ul{margin:0 auto;padding:0;width:970px;}
div.ImgMenu li{margin:0 auto;padding-left:5px;list-style:none;float:left;}
div.Copyright{margin:0;padding:0;width:1000px;heigth:140px;}

/*Site Layout*/
div.Menu {width:1000px;height:60px;font-size:22px;}
div.Menu ul{margin:0 auto;padding:20px 0 0 0;width:1000px;}
div.Menu li{margin:0 auto;padding-left:0px;list-style:none;float:left;text-align:center;}
div.Menu hr{width:1000px;clear:both;}
div.Page {width:1000px;}


/* Vertical */
div.VertSubMenu {height:505px;width:180px;float:left;font-size:14px;}
div.VertSubMenu ul {margin:0;padding:10px 0 0 10px;}
div.VertSubMenu li {list-style:none;}
div.VertSubMenu a { font-style:normal;}
div.MainCell {height:505px;width:510px;float:left;text-align:center;}
div.VertImg {height:500px;width:290px;float:left;padding-top:15px;padding-left:15px;}
div.VertImg ul{margin:0;padding:0;clear:left;width:270px;}
div.VertImg li{margin:0;padding:0;list-style:none;float:left;}

/*IndexPortrait*/
div.IndexFemmes {margin:30px 0 0 60px;padding:0;width:600px;height:240px;}
div.IndexFemmes ul{margin:0;padding:0;}
div.IndexFemmes li{margin:0;padding:0 12px 0 0; list-style:none;float:left;text-align:center;font-size:14px;font-weight:bold;font-style:italic;line-height:15px;}
div.IndexHommes {margin:50px 0 0 0;padding:0;width:320px;height:240px;float:right;}
div.IndexHommes ul{margin:0;padding:0;}
div.IndexHommes li{margin:0;padding:0 12px 0 0; list-style:none;float:left;text-align:center;font-size:14px;font-weight:bold;font-style:italic;line-height:25px;}
div.IndexBook {margin:-20px 0 0 20px;padding:0;width:645px;height:210px;}
div.IndexBook ul{margin:0;padding:0;}
div.IndexBook li{margin:0;padding:0 27px 0 0; list-style:none;float:left;text-align:center;font-size:14px;font-weight:bold;font-style:italic;line-height:15px;}
div.TitrePortrait{margin:-55px 0 0 0;padding:0;width:230px;height:72px;float:right;}
div.TitrePortrait h2 {margin:0;padding:0;font-size:26px;color:#FFFFFF;font-style:italic;font-weight:normal;}

/*IndexPortfolio1*/
div.IndexPortfolio1 {width:930px;height:365px;margin:135px 0 0 70px;}
div.IndexPortfolio1 ul {margin:0;padding:0;}
div.IndexPortfolio1 li {margin:0;padding:0;list-style:none;}
div.IndexPortfolio1 h1 {margin:0;padding:0;font-size:24px;font-weight:bold;color:#333333;}
div.IndexPortfolio1 h2 {margin:0;padding:0;font-size:30px;font-style:italic;color:#333333;font-weight:normal;}
li#TitrePortfolio1 {margin:40px 0 70px 0;}
ul.NavPortfolio1 {width:1000px;height:150px;clear:right;}
ul.NavPortfolio1 li{float:left;padding:0 10px 0 0;text-align:center;font-size:16px;}
li#SousTitrePortfolio1 {margin:90px 0 20px 0;padding-left:650px;}

/*IndexAnnonciation*/
div.IndexAnnonciation {width:790px;height:450px;margin:50px 0 0 210px;}

/*IndexPortfolio2*/
div.IndexPortfolio2 {width:740px;height:435px;margin:70px 0 0 260px;}
div.IndexPortfolio2 ul {margin:0;padding:0;}
div.IndexPortfolio2 li {margin:0;padding:0;list-style:none;}
div.IndexPortfolio2 h1 {margin:0;padding:0;font-size:24px;font-weight:bold;color:#CCCCCC;}
div.IndexPortfolio2 h2 {margin:0;padding:0;font-size:30px;font-style:italic;color:#FFFFFF;font-weight:normal;}
li#TitrePortfolio2 {margin:40px 0 70px 0;}
ul.NavPortfolio2 {width:1000px;height:150px;clear:right;}
ul.NavPortfolio2 li{float:left;padding:0 10px 0 0;text-align:center;font-size:16px;}
li#SousTitrePortfolio2 {margin:200px 0 50px 0;padding-left:490px;}

/*IndexCouleurs*/
div.IndexCouleurs {width:840px;height:400px;margin:100px 0 0 160px;}
div.IndexCouleurs ul {margin:0;padding:0;}
div.IndexCouleurs li {margin:0;padding:0;list-style:none;}
div.IndexCouleurs h1 {margin:0;padding:0;font-size:24px;font-weight:bold;color:#CCCCCC;}
div.IndexCouleurs h2 {margin:0;padding:0;font-size:30px;font-style:italic;color:#FFFFFF;font-weight:normal;}
li#TitreCouleurs {margin:30px 0 70px 0;}
ul.NavCouleurs {width:1000px;height:150px;clear:right;}
ul.NavCouleurs li{float:left;padding:0 10px 0 0;text-align:center;font-size:16px;}
li#SousTitreCouleurs {margin:150px 0 50px 0;padding-left:620px;}

/*Page Liens*/
div.Liens {width:1000px;height:400px;margin:0;}
div.Liens ul {margin:100px 0 0 250px;padding:0;}
div.Liens li {width:500px;margin:0;padding:0;list-style:none;font-size:20px;text-align:center;}
div.Liens h1 {margin:0;padding:0;font-size:24px;font-weight:bold;color:#CCCCCC;}

/*Page Contact*/
div.Contact {width:760px;height:450px;margin:0 auto;}

/*Page Actualité*/
div.Actualite {width:810px;height:420px;margin:80px 0 0 190px;}