/* SC³ SCHMATZ Communication Computer Center*/





/* basic elements*/

#center {

height: 610px;

background: black;

}

html>body #center {

height: auto;

min-height: 610px;

} 

html {

overflow-y: scroll;

} 

body { 

	background-color: white;

	/*background-image:url("../images/bg1.png");background-repeat: repeat;*/

	/*color: #555753; */

	color: black;

	font-size: 12px; font-family:georgia, sans-serif;

	}

	

h3 { 

	font: italic normal 1.2em georgia, sans-serif;

	/*text-align: "center";*/

	letter-spacing: 1px; 

	/*padding-top: 10px; padding-bottom: 5px;*/

	margin: 0px;	

	/*color: rgb(205,220,236);*/

	color: rgb(0,255,255);

	}

	

h4 { 

	text-align: center;

	font: italic normal 1.8em georgia, sans-serif;

	letter-spacing: 1px; 

	/*padding-top: 5px; padding-bottom: 2px;*/

	margin: 0px;	

	/*color: rgb(200,200,226);*/

	color: rgb(0,255,255);

	}



/* specific divs */



div.main { 

	background-color : white;

	/*border: solid 1px gray;*/

	margin-left:-475px; 

	position: absolute; left:50%;top:0px; padding-bottom:0;

	height: 100%; min-height: 100%; width: 950px;

	padding-top: 0px; 

}

div.logo {

	width: 950px;

	margin: 0px;

	padding: 0px;

}

div.logo img {

	text-align: left;

	margin: 0px;

	padding: 0px;

	border: none;

}

div.logo p {

	padding-top: 10px;

	color: rgb(35,62,145);

	text-align: right;

	font-weight: bold;

}

div.logo a {

	text-decoration: none;

	color: rgb(35,62,145);



}

div.index {

	text-align: center;

	margin-top: 200px;

}

div.index img{

	border: none;

}

div.text {
	width: 650px;
	margin-top: 0px;
	padding-left: 20px;
	/*border: solid 1px green;*/

	float: left;
	color: black;
	font-size: 12px;
	font-family: arial;
	text-align: justify;

}

div.text h1 {

	color: rgb(35,62,145);

	padding-top: 12px;

	padding-bottom: 12px;

	margin-top: 0px;

	font-size: 16px;

	font-family: arial, sans-serif;

	font-style: italic;

	font-weight: bold;

}

div.text img{

	

	

}

div.text td {

	font-size: 12px;

	font-family: arial;

}

div.images {

	float: left;

	margin-bottom: 10px;

}

div.images img {

	float: left;

	padding-bottom: 5px;

}

div.menu {

	float: left;

	width: 950px;

	padding-bottom: 15px;

}

div.tit {

	text-align: center;

	margin-top: 90px;

}

div.tit h1{

	font-size: 20px;

	font-style: italic;

	color: rgb(35,62,145);

}

div.tit h1 a{

	color: rgb(35,62,145);

	text-decoration: none;

}

/*div.tit h1{

	text-align: center;

	margin-top: 30px;

}*/

div.menuelement {

	/*width: 178px;*/

	width: 185px;

	/*height: 30px;*/

	float: left;

	text-align: center;

	vertical-align: middle;

	margin-right: 5px;

	margin-top: 10px;

	display: inline;

	padding-top: 20px;

	padding-bottom: 20px;

	/*font-weight: bold;*/

}

div.menuelement a{

	text-decoration: none;

	color: white;

	font-size: 14px; 

	font-family:Helvetica, sans-serif;

	/*letter-spacing: -1px;*/

	font-weight: bold;

	/*padding-top: 20px;*/

	text-align: center;

	vertical-align: middle;

}

div.menuelementu {

	/*width: 178px;*/

	width: 185px;

	/*height: 30px;*/

	float: left;

	text-align: center;

	vertical-align: middle;

	margin-right: 5px;

	margin-top: 10px;

	display: inline;

	padding-top: 20px;

	padding-bottom: 20px;

	/*font-weight: bold;*/

}

div.menuelementu a{

	text-decoration: none;

	border-bottom: solid 2px;

	color: white;

	font-size: 14px; 

	font-family:Helvetica, sans-serif;

	/*letter-spacing: -1px;*/

	font-weight: bold;

	/*padding-top: 20px;*/

	text-align: center;

	vertical-align: middle;

}

div.leftmenu {

	float: left;

	width: 248px;

	margin-right: 13px;

	margin-top: 0px;

}

div.leftmenu h2 {

	padding-top: 10px;

	margin-top: 0px;

	font-size: 16px;

	font-family:arial, sans-serif;

	font-weight: bold;

}

div.leftmenu p {

	margin-bottom: 0px;

	margin-top: 0px;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 12px;

	border-top: 1px solid rgb(35,62,145);

	/*border-bottom: 1px solid rgb(35,62,145);*/

	font-size: 13px;

	font-family:arial, sans-serif;

	font-weight: normal;

}

div.leftmenu a {

	margin-bottom: 0px;

	margin-top: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	text-decoration: none;

	color: black;

}

div.address p {

	padding: 0px;

	margin: 0px;

}

div.copy {

	width: 650px;

	color: black;

	font-size: 12px;

	font-family: arial;

	text-align: center;

	margin-top: 60px;

	

}

div.copy p {

	color: gray;

	padding: 0px;

	margin: 0px;

	/*text-align: center;*/

}

div.copyr {

	width: 950px;

	color: gray;

	font-size: 12px;

	font-family: arial;

	text-align: center;

	padding-top: 60px;

	margin-left: 0px;

}

div.copyr p {

	color: gray;

	padding: 0px;

	margin: 0px;

	text-align: center;

}

.cp {

	background-color: rgb(17,102,53);

}

.ce {

	background-color: rgb(7,102,102);

}

.apropos {

	background-color: rgb(26,53,100);

}

.contact {

	background-color: rgb(152,31,104);

}

.accueil {

	background-color: rgb(152,26,53);

}

div.content {

	background-color : white;

	margin: 0px;

	padding: 0px 10px 10px 10px;

	/*border: solid 1px green;*/

	float: left;

	color: green;

}

/*div.title {

	background-color : rgb(205,220,236);

	float: left;

	width: 120px;

	height: 130px;

	border: medium double navy;

	

	}*/

div.top {

	float: left;

	width: 950px;

	height: 20px;

}



div.left {

	float: left;

	width: 132px;

	margin-right: 2px;

	padding-right: 2px;

	font: italic normal 0.8em georgia, sans-serif;

	letter-spacing: 0px; 

}

div.left img{

	margin-bottom: 110px;

	border: none;

	/*padding-bottom: 250px;*/

	/*margin-bottom: 20px;*/

}

div.left a{

	text-decoration: none;

	color: rgb(159,207,103);

}

div.left a:hover {

	color: white;

}

div.left a:visited {

	text-decoration: none;

}



ul#tabnav {

	list-style-type: none;

	float: left;

	margin: 0px;

	padding: 0px;

}

ul#tabnav ul{

	list-style-type: none;

	float: left;

}

ul#tabnav li{

	float: left;

	height: 25px;

	/*margin: 2px 0px 2px 0px;*/

	border: 1px solid;

}

ul#tabnav li.active{

	float: left;

	background-color: white;

	color:green;

	border-bottom: 1px solid white;

}

ul#tabnav li.active a.menu {

	float: left;

	background-color: white;

	color: green;

	text-decoration: none;

}

ul#tabnav a.menu {

	float: left;

	display: block;

	color: white;

	background-color:rgb(159,207,103);

	text-decoration: none;

	padding: 5px 5px 5px 5px;

}

#tabnav a.menu:hover {

	background-color: orange;

}



div#tabs

{

	float: left;

	margin-top: 20px;

	margin-bottom: 0px;

	margin-left: 10px;

	padding: 0px;

	font: italic normal 1.2em georgia, sans-serif;

	background-color:white;

	/*border:2px solid red;*/

}

div#content

{

	float: left;

	margin: 0px;

	padding: 0px;

	width: 620px;

	/*height: 100%;*/

	/*margin-right: 250px;*/

	background-color:white;

	/*border:2px solid red;*/

}