* {
	margin-left: auto;
	margin-right: auto;
}

body {background-color: #dcdcdc;}

body,td,th {font-family:  Arial, Helvetica, sans-serif;}


#wrapper {
}

#intro {
	width: 600px;
	height: 400px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 20px;
}

.intro2 {
	width: 600px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 20px;
	text-align: center;
}

.intro3 {
	width: 600px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 20px;
	text-align: center;
	font-size: 11px; 
	color: #666666;
}

#intro3 {
	width: 800px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 500px;
}

#header {
	width: 920px;
	height: 130px;
	background-image: url(Logo-Soca.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#top {
	width: 920px;
	height: 79px;
	background-image: url(Menu.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

#top2 {
	width: 100%;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0;
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #FFFFFF;
}

#top3 {
	width: 170px;
	float: right;
	height: 30px;
	padding-right: 20px;
	line-height: 30px;
}

.nav {
	height: 30px;
	width: 920px;
}

.navBar{
	width:840px;
	height:30px;
	text-align:center;
	background-repeat:no-repeat;
	background-position: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.navBar ul {
	margin:0px auto 0px auto;
	list-style: none;
}
.navBar li {
	float:left;
	line-height:30px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.navBar li a{
	display:block;
	height:30px;
	line-height:30px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 14px;
}

.navBar li a:hover{
	background-image: url(Barre4.png);
	background-repeat:no-repeat;
	background-position: center;
} 

#page {
	width: 920px;
	background-image: url(Menu2.png);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
}

#menu {
	float: left;
	width: 225px;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 15px;
}

.menu2 {
	width: 100%;
	text-align: center;
	font-size: 13px; 
	color: #CC0000;	
}

.menu3 {
	width: 100%;
	padding-top: 5px;
	font-size: 12px; 
	color: #666666;
}

.menu4 {
	width: 100%;
	padding-top: 5px;
	font-size: 11px; 
	color: #666666;
}

.menu5 {
	width: 100%;
	text-align: center;
	font-size: 16px; 
	color: #CC0000;
}

.menu6 {
	width: 100%;
	text-align: center;
	font-size: 13px; 
	color: #666666;
}

.menu9 {
	width: 100%;
	text-align: center;
	background-image: url(Barre2.jpg);
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
}


#corps {
	float: right;
	width: 610px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 20px;
}

.content{
	width: 100%;
	text-align: center;
}

.content1{
	width: 100%;
	text-align: center;
	font-size: 16px; 
	color: #666666;
}

.content2{
	width: 100%;
	padding-top: 20px;
	font-size: 11px; 
	color: #666666;
}

.content3{
	width: 100%;
	text-align: right;
	font-size: 13px;
	color: #666666;
}


.content4{
	width: 100%;
	padding-top: 20px;
	font-size: 14px; 
	color: #666666;
}


#link {
	width: 620px;
	background-image: url(Menu2.png);
	background-repeat: repeat-y;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 40px;
	padding-left: 260px;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}

#footer {
	width: 920px;
	background-image: url(Bas.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	height: 94px;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

.footer2 {
	width: 225px;
	padding-top: 35px;
	padding-bottom: 0;
	padding-left: 20px;
	float: left;
	height: 45px;
}

.footer3 {
	width: 640px;
	float: right;
	height: 50px;
	padding-right: 20px;
	padding-top: 30px;
	font-size: 9px;
	color: #666666;
	text-align: center;
}

.barre {
	background-image: url(Barre.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


a:link {color: #666666;	text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #CC0000; text-decoration: underline;}
a:active {color: #666666; text-decoration: none;}

a:link.rouge {color: #666666; text-decoration: none;}
a:visited.rouge {color: #666666; text-decoration: none;}
a:hover.rouge {color: #CC0000;	text-decoration: underline;}
a:active.rouge {color: #FFFFFF;	text-decoration: none;}

a:link.noir {color: #CC0000; text-decoration: none;}
a:visited.noir {color: #CC0000; text-decoration: none;}
a:hover.noir {color: #000000;	text-decoration: underline;}
a:active.noir {color: #CC0000;	text-decoration: none;}

a:link.jaune {color: #FF9900; text-decoration: none;}
a:visited.jaune {color: #FF9900; text-decoration: none;}
a:hover.jaune {color: #CC0000;	text-decoration: underline;}
a:active.jaune {color: #FF9900; text-decoration: none;}

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



.rollover a {
	display:block;
	width: 204px;
	height: 64px;
	text-decoration: none;
	background-image: url(Rollover.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
.rollover a:hover { 
background-position: center -64px;
}

.roll a {
	display:block;
	width: 164px;
	height: 64px;
	text-decoration: none;
	background-image: url(Rollover2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
.roll a:hover { 
background-position: 0 -64px;
}

.box a {
	display:block;
	width: 184px;
	height: 184px;
	text-decoration: none;
	background-image: url(Rollover3.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	float: left;
	margin-left: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-top: 10px;
}

.box a:hover { 
	background-position: center -184px;
	color: #CC0000;
}




.Style11  {font-size: 16px; color: #666666;}

.Style12  {font-size: 14px; font-weight: bold; color: #666666;}

.Style13  {font-size: 14px; color: #666666;}

.Style15  {font-size: 13px; color: #666666;}