@charset "UTF-8";
#body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-image: url(../images/bckgd.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
}
#global/* CSS Document */

 {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(../images/fond3%20-%20copie.jpg);
	background-repeat: repeat-y;
}

#top {
	width: 780px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(../images/logo_cuc.gif);
	height: 180px;
}#top #gauche {
	float: left;
	width: 140px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	margin-right: 0px;
	text-decoration: none;
	height: 80px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#gauche ul {
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
}
#top #droite {
	float: right;
	width: 620px;
	height: 130px;
	background-image: none;
	background-repeat: no-repeat;
}
#menuhorizon {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-align: left;
	padding-left: 120px;
}


.mattblacktabs{
	width: 100%;
	overflow: hidden; /*bottom horizontal line that runs beneath tabs*/
	padding-right: 40px;
	padding-left: 40px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
	display: inline;
	margin: 0;
	width: 780px;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white; /*background of tabs (default state)*/
	padding-top: 7px;
	padding-right: 18px;
	padding-bottom: 7px;
	padding-left: 16px;
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
}
#horlist ul
{
	margin-left: 0;
	padding-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: White;
	text-decoration: none;
}

#horlist li
{
	display: inline;
	list-style-type: none;
	border-right-width: 2px;
	border-right-style: dotted;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding-right: 20px;
	padding-left: 20px;
	width: 660px;
}
#horlist   ul   li  {
	display: inline;
	text-decoration: none;
}
#horlist  a {
	margin-left: 0;
	padding-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: White;
	text-decoration: none;
}
#horlist  a:hover {
	margin-left: 0;
	padding-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #942712;
	text-decoration: none;
}


#contenu {
	width: 780px;
	text-align: left;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/menugauche-copie.gif);
	clear: both;
}
#contenu #menugauche {
	float: left;
	width: 160px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
#contenu     #menugauche p        {
	padding-right: 10px;
	padding-left: 10px;
}
#menugauche     #titres    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
#menugauche  #titres a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
#contenu #menugauche a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}
#contenu    #menugauche  a:hover  {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #942712;
}
#contenu  #contdr {
	float: right;
	width: 620px;
	margin-right: 0px;
	margin-left: 0px;
	text-decoration: none;
	list-style-type: none;
	display: block;
	background-repeat: repeat;
}
#contenu  #contdr  p {
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
}
#contenu #contdr h2 {
	color: #FF3333;
	padding-left: 20px;
	text-decoration: none;
}
#menugauche  ul {
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#menugauche  li {
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	list-style-image: none;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#pieddepage {
	background-color: #333333;
	clear: both;
	height: 50px;
	width: 600px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
	text-transform: none;
	color: #FFFFFF;
	text-align: left;
	padding-left: 180px;
	text-decoration: none;
}
#pieddepage a {
	background-color: #333333;
	clear: both;
	height: 50px;
	width: 600px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}
#menugauche  #titres2  a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #942712;
}
#contdrlist     li     ul  {
	text-decoration: none;
	list-style-type: none;
}	
#menugauche #titres2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
#menugauche #titres2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
#pieddepage a:hover {
	background-color: #333333;
	clear: both;
	height: 50px;
	width: 600px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
	text-transform: none;
	color: #942712;
	text-align: left;
	text-decoration: none;
}

</style>