/* COULEUR DES MENUS ORIGINAUX

MENU 1: DAB9AA (rose)
MENU 2: D8EDD6 (vert)
MENU 3: 8FA1FF (bleu)
MENU 4: CC7F59 (orange)
MENU 5: C2C28A (kaki)
MENU 6: FFEEB3 (jaune)

background site = EAEAEA ->CCCCCC 
main = A09A9B -> B5B5B5 -> 616161 -> 9B9AA0
header = 666666/676564 -> 212E37
*/
/* COULEUR DES MENUS

MENU 1: #F9D1A9 (rose)
MENU 2: #9EEDC1 (vert)
MENU 3: #8FA1FF (bleu)
MENU 4: #FF9769 (orange)
MENU 5: #C2C28A (kaki)
MENU 6: #FFEEB3 (jaune)
*/

body  { 
	width:780px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding:0; 
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	color:#FFFFFF;
	background-color:#CCCCCC; 
}
a {
	z-index:10;
}
.menulink a:link, .menulink, .menulink a:visited {
	color: #fff;
	text-decoration:none; 
		
	font-size:14px;
}
.menulink a:hover, .menulink a:active, .menulink:hover, .menulink:active {
	color: #212E37;
	/*text-decoration:underline overline; */
}
.hotlink a:link, .hotlink, .hotlink a:visited {
	color: #212E37;
	text-decoration:underline; 
}
.hotlink a:hover, .hotlink a:active, .hotlink:hover, .hotlink:active {
	color: #fff;
	text-decoration:underline overline; 
}
.linkies a, .linkies a:visited, .invisiblelink a:link, .invisiblelink, .invisiblelink a:visited, .invisiblelink a:hover, .invisiblelink a:active, .invisiblelink:hover, .invisiblelink:active {
	color: #fff;
	text-decoration:none; 
}
.linkies, .linkies a {
	font-size:9px;
}

/******************************/
#HeaderPage0, #HeaderPage1, #HeaderPage2, #HeaderPage3, #HeaderPage4, #HeaderPage5, #HeaderPage6 {
	z-index:4;
	position:fixed;
	border-top: 5px solid #CCCCCC;
	background-color:#212E37;
	height:98px;
	width:775px;
	margin:0px auto 0px auto;
	padding-left:5px;
	text-align:right;
}
.bigtitle {
	float:right;
	margin-top:-2px;
	margin-right:4px;
}
.bigtitle span {
	font-size:75px;
	color:#CDCACF;
}
/*
.bigtitle1 span { color:#F9D1A9; }
.bigtitle2 span { color:#9EEDC1; }
.bigtitle3 span { color:#8FA1FF; }
.bigtitle4 span { color:#FF9769; }
.bigtitle5 span { color:#C2C28A; }
.bigtitle6 span { color:#FFEEB3; }*/

.septop1, .septop2, .septop3, .septop4, .septop5, .septop6 { 
	position:absolute
	bottom:0px;
	height:1px; 
}

#HeaderPage0 { border-bottom: 2px solid #212E37; }
#HeaderPage1 { border-bottom: 2px solid #F9D1A9; }
#HeaderPage2 { border-bottom: 2px solid #9EEDC1; }
#HeaderPage3 { border-bottom: 2px solid #8FA1FF; }
#HeaderPage4 { border-bottom: 2px solid #FF9769; }
#HeaderPage5 { border-bottom: 2px solid #C2C28A; }
#HeaderPage6 { border-bottom: 2px solid #FFEEB3; }


#MenuTop {
	z-index:4;
	position:fixed;
	background-color:transparent;
	height:40px;
	width:780px;
	margin:92px auto 0px auto;
	list-style-type:none;
}
#UnderMenuTop {
	z-index:1;
	position:fixed;
	background-color:#9B9AA0;
	height:35px;
	width:780px;
	margin:132px auto 0px auto;
}
#MenuTop ul {
	padding: 0;
	list-style-type:none;
}
#MenuTop li {
	float: left;
	height:33px;
	width:128px;
	border-left: 2px solid #FFF;
	list-style-type:none;
		
	/*text-decoration: none;
	display: block;
	background-color:#9B9AA0;
	padding-top:10px;
	padding-left:6px;*/
}
/*#MenuTop li:hover {
	background-image:url(img/bg-menu1.gif);
	background-repeat: no-repeat;
}*/
.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .menuactive1 a, .menuactive2 a, .menuactive3 a, .menuactive4 a, .menuactive5 a, .menuactive6 a, .menuactive1 span, .menuactive2 span, .menuactive3 span, .menuactive4 span, .menuactive5 span, .menuactive6 span {
	height:20px;
	width:122px;
	display: block;
	background-color:#9B9AA0;
	padding-top:15px;
	padding-left:6px;
	font-size: 16px;
	color: #fff;
	text-decoration:none; 
}
.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menu4 a:hover, .menu5 a:hover, .menu6 a:hover  {
	/*color: #212E37;*/
	background-repeat: no-repeat;
}
.menu1 a:hover, .menuactive1 span, .menuactive1 a {
	background-image:url(img/backgroundmenu1.gif);
}
.menu2 a:hover, .menuactive2 span, .menuactive2 a {
	background-image:url(img/backgroundmenu2.gif);
}
.menu3 a:hover, .menuactive3 span, .menuactive3 a {
	background-image:url(img/backgroundmenu3.gif);
}
.menu4 a:hover, .menuactive4 span, .menuactive4 a {
	background-image:url(img/backgroundmenu4.gif);
}
.menu5 a:hover, .menuactive5 span, .menuactive5 a {
	background-image:url(img/backgroundmenu5.gif);
}
.menu6 a:hover, .menuactive6 span, .menuactive6 a {
	background-image:url(img/backgroundmenu6.gif);
}
.TitleLeft {
	float:left;
	margin-top:6px;
	margin-left:25px:
	height:87px;
	width:87px;
	border-left: 2px solid #212E37;
}
/******************************/
#behindmain {
	z-index:-1;
	position:fixed;
	background-color:#9B9AA0;
	height:95%;
	width:780px;
	margin:3% auto 2% auto;
}
#mainaccueil {
	z-index:0;
	width:780px;/*
	background-color:#9B9AA0;*/
	height:85%;
	background-attachment: fixed; 
	margin:0px auto 0px auto;
	padding-top:150px;
	padding-bottom:30px;
	background-color:#9B9AA0;
}
/*
#main {
	z-index:0;
	width:630px;
	height:85%;
	background-color:#9B9AA0;
	margin:0px auto 0px auto;
	padding-top:130px;
	padding-bottom:30px;
	padding-left:150px;
	background-color:#9B9AA0;
}*/
#main {
	z-index:0;
	width:630px;/*
	position:fixed;
	height:85%;
	background-color:#9B9AA0;
	overflow:auto;*/
	margin:0px auto 0px auto;
	padding-top:150px;
	padding-bottom:30px;
	padding-left:150px;
	background-color:#9B9AA0;
}
 #main div.content,  #mainaccueil div.content {
	z-index:2;
	margin:20px 0px 0 0;
	padding:0px;
	background-color:transparent;
}
.content div.title1, .content div.title2, .content div.title3, .content div.title4, .content div.title5, .content div.title6 {
	z-index:2;
	padding: 1px 10px 1px 0px;/*
	background:url(img/tee2.gif) top left no-repeat;
	height:40px;*/
}
.title1 span, title2 span, title3 span, title4 span, title5 span, title6 span {
	z-index:1;
	padding: 0 10px 0 12px;
	font-variant:small-caps;
	font-size: 16px;
}
/* COULEUR DES MENUS

MENU 1: #F9D1A9 (rose)
MENU 2: #9EEDC1 (vert)
MENU 3: #8FA1FF (bleu)
MENU 4: #FF9769 (orange)
MENU 5: #C2C28A (kaki)
MENU 6: #FFEEB3 (jaune)
*/

.title1 span {
	border-bottom:2px solid #F9D1A9;
}
.title2 span {
	border-bottom:2px solid #9EEDC1;
}
.title3 span {
	border-bottom:2px solid #8FA1FF;
}
.title4 span {
	border-bottom:2px solid #FF9769;
}
.title5 span {
	border-bottom:2px solid #C2C28A;
}
.title6 span {
	border-bottom:2px solid #FFEEB3;
	
}
.title1:first-letter {  
	text-shadow: -5px -5px #F9D1A9;
}
.title2:first-letter {  
	text-shadow: -5px -5px #9EEDC1;
}
.title3:first-letter {  
	text-shadow: -5px -5px #8FA1FF;
}
.title4:first-letter {  
	text-shadow: -5px -5px #FF9769;
}
.title5:first-letter {  
	text-shadow: -5px -5px #C2C28A;
}
.title6:first-letter {  
	text-shadow: -5px -5px #FFEEB3;
}
.content p {
	z-index:0;
	margin:-1px 0 0 0;
	padding:10px 8px 0px 8px; /*
	border-left:1px solid #FF9366; */
	background-color:transparent;
	text-align:justify;
}

/******************************/
table.contactform {
  	margin-left: 0px; 
  	padding-left: 40px; 
  	border:0;
  	

}

.contact {
	text-align: left; 
  	font-size: 14px;
}
/******************************/

img.photoright, img.gifright {
  	float: right;
  	position: relative; 
  	margin-top: 5px; 
  	margin-right: 7px; 
  	margin-left: 10px; 
  	margin-bottom: 0px; 
 }
img.photoleft, img.gifleft {
  	float: left;
  	position: relative; 
  	margin-top: 5px; 
  	margin-left: 10px; 
  	margin-right: 10px; 
  	margin-bottom: 0px; 
 }
.photocenter, .gifcenter {
	text-align:center;
  	margin-top: 0px;
  	/*float: left;
  	position: relative;
  	margin-left: auto; 
  	margin-right: auto; 
  	margin-bottom: 0px; */
 }
 /*img.photoright, img.photoleft, .photocenter {
	border: 2px solid #fff;
 }*/

 
 .citation /* on dˇfinit un conteneur pour le bloc de citation */
 {
	 float: right;
	 width: 145px;
	 margin-left: 15px;
	 margin-right: 5px;
	 margin-top: 5px;
	 margin-bottom: 5px;
 	/*background-color: #D3D3D3;*/
	border: 1px dashed #212E37;
 }
  
 .citationtexte
  { font-style: italic;
   font-size: 13px; 
 margin-right: 2px; 
   padding:2px;
  color: #A8768A;
  text-align: center }
  
 .citationauteur
 {
 padding-right: 2px; 
 width: 145px;  
  padding-bottom:6px;
 }
 .citationauteur p
 {

  font-family: arial, sans-serif; 
  font-size: 12px; 
  color: #A8768A;
  text-align: right;
 }

 /******************************/ 
 
#footer {
	z-index:3;
	position:fixed;
	width:780px;
	bottom:0;
	background-color:transparent;
	margin:auto auto -1px auto;
}

#submenu1, #submenu2, #submenu3, #submenu4, #submenu5, #submenu6 {
	z-index:2;
	/*position:relative;
	left:0;
	bottom:0px;
	position: absolute;*/
	position: fixed;
	bottom:50px;
	margin-left:0px;
	width:130px;
	padding-top:600px;
	background-color:#9B9AA0;
}
#submenu1 {
	border-bottom:50px solid #F9D1A9;
	border-right:2px dashed #F9D1A9;

} 
#submenu2 {
	border-bottom:50px solid #9EEDC1;
	border-right:2px dashed #9EEDC1;

}  
#submenu3 {
	border-bottom:50px solid #8FA1FF;
	border-right:2px dashed #8FA1FF;

}  
#submenu4 {
	border-bottom:50px solid #FF9769;
	border-right:2px dashed #FF9769;

}  
#submenu5 {
	border-bottom:50px solid #C2C28A;
	border-right:2px dashed #C2C28A;

}  
#submenu6 {
	border-bottom:50px solid #FFEEB3;
	border-right:2px dashed #FFEEB3;

} 
#submenu1 ul, #submenu2 ul, #submenu3 ul, #submenu4 ul, #submenu5 ul, #submenu6 ul {
	margin: 0 0 0 -40px;
	text-decoration: none;	
	list-style-type:none;
}
#submenu1 li, #submenu2 li, #submenu3 li, #submenu4 li, #submenu5 li, #submenu6 li {
	display: block;
	width:124px;
	padding: 3px;
	color:#fff;
	list-style-type:none;
	/*
	background-color:#9B9AA0;
	height:33px;
	width:128px;
	border-left: 2px solid #FFF;
	padding-top:10px;
	padding-left:6px;*/
}
#submenu1 li {
	border-top:2px dashed #F9D1A9;
}
#submenu2 li {
	border-top:2px dashed #9EEDC1;
}
#submenu3 li {
	border-top:2px dashed #8FA1FF;
}
#submenu4 li {
	border-top:2px dashed #FF9769;
}
#submenu5 li {
	border-top:2px dashed #C2C28A;
}
#submenu6 li {
	border-top:1px dashed #FFEEB3;
}
/*li .submenutitle1, li .submenutitle2, li .submenutitle3, li .submenutitle4, li .submenutitle5, li .submenutitle6 {
*/
.submenutitle1, .submenutitle2, .submenutitle3, .submenutitle4, .submenutitle5, .submenutitle6 {
	display: block;
	font-weight:bold;
	width:130px;
	padding: 0px;
	color:#fff;
}
.submenutitle1, .submenutitle1 a:link, .submenutitle1 span {
	background-color:#F9D1A9;
} 
.submenutitle2, .submenutitle2 a:link, .submenutitle2 span {
	background-color:#9EEDC1;
}  
.submenutitle3, .submenutitle3 a:link, .submenutitle3 span {
	background-color:#8FA1FF;
}  
.submenutitle4, .submenutitle4 a:link, .submenutitle4 span {
	background-color:#FF9769;
}  
.submenutitle5, .submenutitle5 a:link, .submenutitle5 span {
	background-color:#C2C28A;
}  
.submenutitle6, .submenutitle6 a:link, .submenutitle6 span {
	background-color:#FFEEB3;
	color:#999;
} 

#submenu1 a:link, #submenu1 a:visited, #submenu2 a:link, #submenu2 a:visited, #submenu3 a:link, #submenu3 a:visited, #submenu4 a:link, #submenu4 a:visited, #submenu5 a:link, #submenu5 a:visited, #submenu6 a:link, #submenu6 a:visited {
	text-decoration:none;
	font-size: 11px;
	color:#fff;
	width:130px;
}
#submenu1 a:hover, #submenu1 a:active, #submenu2 a:hover, #submenu2 a:active, #submenu3 a:hover, #submenu3 a:active, #submenu4 a:hover, #submenu4 a:active, #submenu5 a:hover, #submenu5 a:active, #submenu6 a:hover, #submenu6 a:active {
	text-decoration:none;
	color:#fff;
	background-color:#212E37;
}
.submenu, .submenu a:link {
	display: block;
	width:130px;
	padding: 0px;
	color:#fff;
	list-style-type:none;
}
.submenu:hover, .submenu a:hover {
	background-color:#212E37;
}
 /******************************/ 
#copyline {
	z-index:2;
	width:780px;
	bottom:0;
	height:49px;
	border-bottom: 4px solid #CCCCCC;
	background-color:#212E37;
	text-align:center;
	margin:0px auto 0px auto;
	color:#C4C4C4;
}
.sep0, .sep1, .sep2, .sep3, .sep4, .sep5, .sep6 { 
	margin-top:0px;
	height:1px; 
}

.sep0 { border-top: 2px solid #CCCCCC; }
.sep1 { border-top: 2px solid #F9D1A9; }
.sep2 { border-top: 2px solid #9EEDC1; }
.sep3 { border-top: 2px solid #8FA1FF; }
.sep4 { border-top: 2px solid #FF9769; }
.sep5 { border-top: 2px solid #C2C28A; }
.sep6 { border-top: 2px solid #FFEEB3; }
.sepdashed1, .sepdashed2, .sepdashed3, .sepdashed4, .sepdashed5, .sepdashed6 { 
	margin-top:0px;
	height:1px; 
}

.sepdashed1 { border-top: 1px dashed #F9D1A9; }
.sepdashed2 { border-top: 1px dashed #9EEDC1; }
.sepdashed3 { border-top: 1px dashed #8FA1FF; }
.sepdashed4 { border-top: 1px dashed #FF9769; }
.sepdashed5 { border-top: 1px dashed #C2C28A; }
.sepdashed6 { border-top: 1px dashed #FFEEB3; }

#copyline span.big {
	font-size: 13px;
}
#copyline span.small {
	font-size: 10px;
	margin-top:5px;/*
	border-top: 1px dashed #9EEDC1;*/
}
.copysmall {
	font-size: 10px;
	margin-top:5px;
	margin-bottom:0px;
	width:780px;
	bottom:0;
	background-color:#CCCCCC;
	color:#697176;/*
	border-top: 1px
	background-color:#CCCCCC;
	color:#999999; dashed #9EEDC1;*/
}
.copylight {
	font-size: 10px;
	margin-top:5px;
	margin-bottom:0px;
	width:780px;
	bottom:0;
	background-color:#CCCCCC;
	color:#697176;
	text-align:right;
}
#copyline a {
	text-decoration:none;
}
.bigcopylink, .bigcopylink a, .bigcopylink a:link, .bigcopylink a:visited {
	color:#C4C4C4;
}
.copylink, .copylink a, .copylink a:link, .copylink a:visited {
	/*color:#212E37;*/
	color:#697176;
}

#copyline a:hover, .copylink a:hover {
text-decoration:underline overline; 
}