@charset "UTF-8";
/* CSS pour un site � l'italienne */

/* D�finition des elts Principaux */

body {
	font-size: 68%;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana;
	font-weight: normal;
	font-size: 1em;
	font-style: normal;
	text-decoration: none;
	line-height: 1em;
	color: #000000;
}



h1 {
	color: #BE580E;
	font-size: 0.85em;
	line-height: 1.15em;
	text-align: justify;
	
	
}

h1 a {
	color: #BE580E;
	font-variant: small-caps;
	
}
h1 a:hover {
	color: #75360B;

}
h2 {
	color: #E5B41F;
	font-size: 0.85em;
	line-height: 1.15em;
	text-align: justify;
	
	
	
}
h2 a {
	color: #E5B41F;
	font-variant: small-caps;
	
}
h2 a:hover {
	color: #A57D19;

}

h3 {
	color: #918D00;
	font-size: 0.85em;
	line-height: 1.15em;
	text-align: justify;

	
	
}
h3 a {
	color: #918D00;
	font-variant: small-caps;
	text-align: center;	
}
h3 a:hover {
	color: #595504;

}
h4 {
	color: #91501A;
	font-size: 0.85em;
	line-height: 1.15em;
	text-align: justify;
	
	
	
}
h4 a {
	color: #91501A;
	font-variant: small-caps;
	text-align: center;	
}
h4 a:hover {
	color: #4C290F;

}

.titre {
	letter-spacing: 0.35em;
	white-space: nowrap;
	font-size: 1.35em;
	font-variant: small-caps;
}
.Menu {
	letter-spacing: 0.25em;
	white-space: nowrap;
	font-size: 1.15em;
	font-variant: small-caps;
}

p, label, textarea, alt, title{
	color: #666666;
	font-size: 0.85em;
	line-height: 1.15em;
	
	
}

a{
	color: #333333;
	text-decoration: none;
	
	line-height: 1.15em;
}
a:hover{
	color: #CCCCCC;
	
}

img{
	height:100%;
	
}

table{
	vertical-align: middle;
	width:100%;
	height:100%;
	margin:0em;
	
	
}
/* Alignement du texte */
.AlignLeft{
	text-align:left;
}

.AlignRight{
	text-align:right;
}

.AlignCenter{
	text-align: center;
	
}
.AlignJustify{
	text-align: Justify;
	
}
.italique{
	font-style: italic;
}
.bold{
	font-weight: bold;
}

/* Bo�tes automatiques */
.BoxAutoLeft{
	
	float: left;
	height: auto;
	width: auto;
	margin: 0.15em 0.15em 0.15em 0em;
	position: relative;	
	}

.BoxAutoRight{
	
	float: right;
	height: auto;
	width: auto;	
	margin: 0.15em 0em 0.15em 0.15em;
	position: relative;	
}
.BoxAuto{
	
	position:relative;
	height: auto;
	width: auto;	
	margin: 0.15em 0em 0.15em 0.15em;
	position: relative;	
}

/* Boîtes 33% */

.Box33Left{

	float: left;
	height: auto;
	width: 33%;
	margin:0;
	white-space:nowrap;
}

.Box33Right{
	
	float: right;
	height: auto;
	width: 33%;
	margin:0;
	white-space:nowrap;
}

/* Boîtes 50% */

.Box50Left{

	float: left;
	height: auto;
	width: 50%;
	margin:0;
}

.Box50Right{
	
	float: right;
	height: auto;
	width: 50%;
	margin:0;
}

/* Boîtes images */
.BoxImageIcone{
	height: 1.2em;
	width: auto;
	text-align:center;
}
.BoxImagePetite{
	height: 5em;
	width: auto;
	text-align:center;
}
.BoxImageMoyenne{
	height: 20em;
	width: auto;
	text-align:center;
	background-color: #99FFCC;
}
.BoxImageGrande{
	height: 30em;
	width: auto;
	text-align:center;
}

/* Centrage et dimention du site : Format italienne : (Centrage1 height: 75%; top: 12%;) et modifier (Centrage2 width:67em;
	height:40em;) - Format vertical (Centrage1 height: 84%; top: 7%; bottom: 8%;) et modifier (Centrage2 width:30em;
	height:55em;) */


#Centrage1{
	position: absolute;
	width:100%;
	height:75%;
	top:12%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom:0;
	margin-top:0;
	
}

#Centrage2 {
	position: relative;
	width:67em;
	height:40em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:auto;
	margin-top:auto;
	
}

/* dimention du conteneur : Format italienne : 67emx40em - Format vertical: 30em x55em */

#Container {
	width:67em;
	height:40em;
	position: absolute;
	overflow: visible;
	z-index: auto;
	left: 0em;
	top: 0.5em;
		
	
}


/* image en bg*/

#Bg {
	width:70.9em;
	height:45.68em;
	position: absolute;
	overflow: hidden;
	z-index: auto;
	left: -2em;
	top: -4.5em;
	
}

/* #edecec*/
#Cadre {
	width:67em;
	height:36em;
	position: absolute;
	overflow: hidden;
	z-index: auto;
	left: 0em;
	top: 0em;
	border: 1px solid #edecec;
}


/* Entete*/
#Entete {
	width:66.97em;
	height:8em;
	position: absolute;

	z-index: auto;
	left: 0.1em;
	top: 0.1em;
		
}

/* Menus*/

/* Menu horizontal simple*/
#Menu {
	width:66.97em;
	height:1.5em;
	position: absolute;
	z-index: auto;
	left: 0.1em;
	top: 6em;
	
}
#Menu a {font-size: 0.85em;
}



/* Menu Drop*/
#Menu2 {

	height: 2em;
	width: auto;
	position: absolute;
	left: 15em;
	top: 5em;
	z-index: 100;
}



.MenuBoxContainer {
	height: auto;
	width: auto;
	position: relative;
	float: left;
z-index:100;
}

#MenuBoxAuto1, #MenuBoxAuto2, #MenuBoxAuto3, #MenuBoxAuto4, #MenuBoxAuto5, #MenuBoxAuto6, #MenuBoxAuto7, #MenuBoxAuto8, #MenuBoxAuto9, #MenuBoxAuto10 {
	height: auto;
	width: auto;
	float: left;
	margin-right: 0.5em;
	margin-top: 0.25em;
	margin-bottom: 0.15em;
	padding-left: 0.15em;
	z-index:100;
}
#MenuBoxAuto1 a, #MenuBoxAuto2 a, #MenuBoxAuto3 a, #MenuBoxAuto4 a, #MenuBoxAuto5 a, #MenuBoxAuto6 a, #MenuBoxAuto7 a, #MenuBoxAuto8 a, #MenuBoxAuto9 a, #MenuBoxAuto10 a {
	font-size: 1.2em;
	font-weight:bold;
}

#MenuBoxAuto1A h5 {
	font-size: 0.85em;
	line-height: 1.15em;
	color: #BE580E;
	text-align:left;
}
#MenuBoxAuto1A h5:hover {
	color: #75360B;
}

#MenuBoxAuto2B h5 {
font-size: 0.85em;
	line-height: 1.15em;
	color: #E5B41F;
	text-align:left;
}
#MenuBoxAuto2B h5:hover {
	color: #A57D19;
}

#MenuBoxAuto3C h5 {
font-size: 0.85em;
	line-height: 1.15em;
	color: #819D00;
	text-align:left;
}
#MenuBoxAuto3C h5:hover {
	color: #595504;
}


#MenuBoxAuto9D h5 {
font-size: 0.85em;
	line-height: 1.15em;
	
	color: #91501A;
	text-align:left;
}
#MenuBoxAuto9D h5:hover {
	color: #75360B;
}
#MenuBoxAuto1 h6, #MenuBoxAuto2 h6, #MenuBoxAuto3 h6, #MenuBoxAuto4 h6, #MenuBoxAuto5 h6, #MenuBoxAuto6 h6, #MenuBoxAuto7 h6, #MenuBoxAuto8 h6, #MenuBoxAuto9 h6, #MenuBoxAuto10 h6 {
	font-size: 0.80em;
	color:#333333;
	font-weight: bold;
}
#MenuBoxAuto1 h6:hover, #MenuBoxAuto2 h6:hover, #MenuBoxAuto3 h6:hover, #MenuBoxAuto4 h6:hover, #MenuBoxAuto5 h6:hover, #MenuBoxAuto6 h6:hover, #MenuBoxAuto7 h6:hover, #MenuBoxAuto8 h6:hover, #MenuBoxAuto9 h6:hover, #MenuBoxAuto10 h6:hover {
	color:#CC0000;
	font-weight: bold;
}

#MenuBoxSousMenu1, #MenuBoxSousMenu2, #MenuBoxSousMenu3, #MenuBoxSousMenu4, #MenuBoxSousMenu5, #MenuBoxSousMenu6, #MenuBoxSousMenu7, #MenuBoxSousMenu8, #MenuBoxSousMenu9 {
	height: auto;
	width: auto;
	float: left;
	clear:left;
	margin-right: 1em;
	margin-top: 0.05em;
	margin-bottom: 0.25em;
	overflow: visible;
	white-space: nowrap;
	visibility: hidden;
	position: absolute;
	padding-top: 0.15em;
	padding-left: 0.15em;
	padding-right: 0.15em;
	top: 2em;
	left: 0em;
	background-color: None ;
	background-image: url(../images/CSS/bgBoxTpt.png);
	background-repeat: repeat;
	z-index:100;
}
#MenuBoxSousMenu1 h5, #MenuBoxSousMenu2 h5, #MenuBoxSousMenu3 h5, #MenuBoxSousMenu4 h5, #MenuBoxSousMenu h5, #MenuBoxSousMenu6 h5, #MenuBoxSousMenu7 h5, #MenuBoxSousMenu8 h5, #MenuBoxSousMenu9 h5, #MenuBoxSousMenu10 h5 {
font-size:0.78em;
}

#MenuBoxSousMenu1 h5:hover, #MenuBoxSousMenu2 h5:hover, #MenuBoxSousMenu3 h5:hover, #MenuBoxSousMenu4 h5:hover, #MenuBoxSousMenu h5:hover, #MenuBoxSousMenu6 h5:hover, #MenuBoxSousMenu7 h5:hover, #MenuBoxSousMenu8 h5:hover, #MenuBoxSousMenu9 h5:hover, #MenuBoxSousMenu10 h5:hover {

}

/* Menu cecile*/
#Menu1 {
	width:auto;
	height:4em;
	position: absolute;
	z-index: auto;
	left: 28em;
	top: 6em;	
}
#Menu1 a {
	
	margin-right: 0em;
	margin-left: 0em;
}


/* Menu cecile*/
#MenuA {
	position: absolute;
	z-index: auto;
	height: 2em;
	width: 10em;
	left: -2.5em;
	top: 1.2em;
}

#MenuA h5 {
	font-variant: small-caps;
	color: #BE580E;
	text-align:center;
}
#MenuA h5:hover {
	color: #75360B;
}


#MenuB {
	position: absolute;
	z-index: auto;
	height: 2em;
	width: 10em;
	left: 3.75em;
	top: -0.8em;
}
#MenuB h5 {
	font-variant: small-caps;
	color: #E5B41F;
	text-align:center;
}
#MenuB h5:hover {
	color: #A57D19;
}

#MenuC{
	position: absolute;
	z-index: auto;
	height: 2em;
	width: 10em;
	left: 10.75em;
	top: +1.2em;
}
#MenuC h5 {
	font-variant: small-caps;
	color: #918D00;;
	text-align:center;
}

#MenuC h5:hover {
	color: #595504;
}

#MenuD{
	position: absolute;
	z-index: auto;
	height: 2em;
	width: 10em;
	left: 17.65em;
	top: -0.8em;
}
#MenuD h5 {
	font-variant: small-caps;
	color: #91501A;
	text-align:center;
}

#MenuD h5:hover {
	color: #4C290F;
}
/* Fin Menu cecile*/

/* Affichages textes et titres et phrases*/
#Boxtitre {
	position: absolute;
	z-index: auto;
	height: 2em;
	width: auto;
	left: 2em;
	top: 14em;
}

#BoxColonne1 {
	position: absolute;
	z-index: auto;
	height: 18em;
	width: 23em;
	left: 15em;
	top: 14em;
}

#BoxColonne2 {
	position: absolute;
	z-index: auto;
	height: 18em;
	width: 23em;
	right: 3em;
	top: 14em;
}

#BoxPhrase {
	position: absolute;
	z-index: auto;
	height: 2em;
	width: 49em;
	left: 15em;
	bottom: 6em;
}

#BoxColonne1 p, #BoxColonne2 p, #BoxColonne1 span, #BoxColonne2 span, #BoxColonne1 strong, #BoxColonne2 strong{
	color:#612B84;
	
}



/* Footer*/
#Footer {
	width:67.3em;
	height:1em;
	position: absolute;
	overflow: visible;
	z-index: auto;
	left: 0em;
	bottom: 1.5em;
	
}

#FlagBox {
	width:auto;
	height:0.65em;
	position: absolute;
	overflow: visible;
	line-height:0em;
	z-index: auto;
	left:0em;
	bottom: -1em;
	visibility: hidden;
	white-space: nowrap;
}


#FlagBox img{
	height:100%;
	position:relative;
	float:left;
	margin-right: 0.25em;	
	
}


.Petit {
	font-size:1em;
	text-align:right;
}
.Moyen {
	font-size:1.2em;
	
	text-align:right;
}

.Grand {
	font-size:1.4em;
	
	text-align:right;
	
}
em {
	height: 100%;

}
strong {
	font-weight: bold;
}