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


body {
	background-color: #000;
	padding: 0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
	}

hr.both
{
	visibility:hidden;
	height:0;
	width:0;
	clear:both;
}
#centre #conteneur #menusignature ul li a span,
#cadresrouge a span,
#cadresrougedroite a span,
#centre #conteneur #menu ul li a span,
#menuvertical li a span,
#centre #conteneur h1
{
	display: none;
}
	
#centre {
	position:absolute;
	left:50%;
	top:50%;
	width: 900px;
	height: 650px;
	margin-left:-450px; /* Cette valeur doit être la moitié négative de la valeur du width */
	margin-top:-325px;
	text-align: center;
}



#conteneur {
	border: 1px solid #FFF;
	width: 900px;
	text-align: left;
}

/*creation du menu*/
#menu {
	height: 24px;
	width: 900px;
	background-color: #666;
}
.menusignature {
	background-image: url(../images/menu_gris_signature.jpg);
}

#centre #conteneur #menu ul {
	margin: 0px;
	padding: 0px;
}
#centre #conteneur #menu ul li {
	display: block;
	float: right;
	list-style-type: none;
	margin-right: 15px;
}
#centre #conteneur #menu ul li a {
	text-decoration: none;
	color: #FFF;
}

#centre #conteneur #menu ul li a:hover{
	text-decoration: none;
	color: #000;
}

#contenant {
	height: 600px;
	width: 900px;
}


/* Création des fond de page */

#conteneur .CTgeneral {
	background-image: url(../images/index_site.jpg);
	background-repeat: no-repeat;
}

#conteneur .CTrobes {
	background-image: url(../images/Page-robes1_site.jpg);
	background-repeat: no-repeat;
}
#conteneur .CTrobes2 {
	background-image: url(../images/Page-robes2_site.jpg);
	background-repeat: no-repeat;
}
#conteneur .CTrobes3 {
	background-image: url(../images/Page-robes3_site.jpg);
	background-repeat: no-repeat;
}
#conteneur .CTrobes4 {
	background-image: url(../images/Page-robes4_site.jpg);
	background-repeat: no-repeat;
}
#conteneur .CTpoules {
	background-image: url(../images/poules_site.jpg);
	background-repeat: no-repeat;
}
#conteneur .CTvoyages {
	background-image: url(../images/Pagevoyages_site.jpg);
	background-repeat: no-repeat;
}
#conteneur .CTvoyages2 {
	background-image: url(../images/Pagevoyages2_site.jpg);
	background-repeat: no-repeat;
}
#conteneur .CTvoyages3 {
	background-image: url(../images/Pagevoyages3_site.jpg);
	background-repeat: no-repeat;
}
#conteneur .CTmemoires {
	background-image: url(../images/memoire_site.jpg);
	background-repeat: no-repeat;
}
#conteneur .CTmemoires2 {
	background-image: url(../images/memoire_site2.jpg);
	background-repeat: no-repeat;
}



/* les cadres rouge de l'accueil*/
#cadresrouge  {
	background-color: #7B0E02;
	height: 300px;
	width: 648px;
	margin-top: 75px;
	float: left;
}
#cadresrougedroite {
	background-color: #7B0E02;
	height: 300px;
	width: 219px;
	float: left;
	margin-top: 75px;
	margin-left: 33px;
}
/*cadre autour des images de la page d'accueil*/
#cadresrouge img,
#cadresrougedroite img{
	background-color: #7B0E02;
	height: 263px;
	width: 178px;
	margin-top: 18px;
	float: left;
	margin-left: 24px;
	margin-right: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* Cadre blanc pour les diaporama*/
#cadreblanc {
	height: 450px;
	width: 450px;
	background-color: #FFF;
	float: right;
	margin-top: 50px;
	border: 5px solid #FFFFFF;
	margin-right: 50px;
}



/*preparation menu vertical*/
#menuvertical {
	width: 250px;
	float: left;
	list-style-type: none;
}
#menuvertical li  {
	list-style-type: none;
}
#menuvertical li a
{
	display:block;
	width:100%;
	height:100%;
}




/* menu vertical Robes*/
.menuverticalrobe {
	margin-top: 280px;
}

.menuverticalrobe li {
	height: 43px;
	width: 106px;
}

#robe1    {
	background-image: url(../images/menu_robes_1.jpg);
	background-repeat: no-repeat;
}
#robe2    {
	background-image: url(../images/menu_robes_2.jpg);
	background-repeat: no-repeat;
}
#robe3    {
	background-image: url(../images/menu_robes_3.jpg);
	background-repeat: no-repeat;
}
#robe4    {
	background-image: url(../images/menu_robes_4.jpg);
	background-repeat: no-repeat;
}
#robe1 a:hover{
	background-image: url(../images/menu_robes_1_hover.jpg);
	background-repeat: no-repeat;
}
#robe2 a:hover{
	background-image: url(../images/menu_robes_2_hover.jpg);
	background-repeat: no-repeat;
}
#robe3 a:hover{
	background-image: url(../images/menu_robes_3_hover.jpg);
	background-repeat: no-repeat;
}
#robe4 a:hover{
	background-image: url(../images/menu_robes_4_hover.jpg);
	background-repeat: no-repeat;
}




/* menu vertical poules*/
.menuverticalpoules {
	margin-top: 350px;
}
.menuverticalpoules li {
	height: 89px;
	width: 117px;
}
#poules1 {
	background-image: url(../images/menu_poules.jpg);
	background-repeat: no-repeat;
}

/* menu vertical voyages*/
.menuverticalvoyages {
	margin-top: 208px;
}
.menuverticalvoyages li {
	height: 67px;
	width: 130px;
}

#balladine a {
	background-image: url(../images/menu_balladine.gif);
	background-repeat: no-repeat;
}
#petitefille a {
	background-image: url(../images/menu_la_petite_fille.gif);
	background-repeat: no-repeat;
}
#musiquedorient a {
	background-image: url(../images/menu_musique_orient.gif);
	background-repeat: no-repeat;
}
#balladine a:hover{
	background-image: url(../images/menu_balladine_hover.gif);
	background-repeat: no-repeat;
}
#petitefille a:hover{
	background-image: url(../images/menu_la_petite_fille_hover.gif);
	background-repeat: no-repeat;
}
#musiquedorient a:hover{
	background-image: url(../images/menu_musique_orient_hover.gif);
	background-repeat: no-repeat;
}


/* menu vertical mémoires*/
.menuverticalmemoires {
	margin-top: 329px;
}
.menuverticalmemoires li {
	height: 54px;
	width: 134px;
}
#serie1 {
	background-image: url(../images/menu_memoire1.jpg);
	background-repeat: no-repeat;
}
#serie2 {
	background-image: url(../images/menu_memoire2.jpg);
	background-repeat: no-repeat;
}
#serie1 a:hover {
	background-image: url(../images/menu_memoire1_hover.jpg);
	background-repeat: no-repeat;
}
#serie2 a:hover {
	background-image: url(../images/menu_memoire2_hover.jpg);
	background-repeat: no-repeat;
}


/* Texte en bas du menu*/
#texte {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	margin-left: 20px;
}


#pieddepage a,
#pieddepage a:hover,
#pieddepage a:link,
#pieddepage a:visited,
#pieddepage a:active {
	color: #FFFFFF;
	text-decoration: none;
}