html,body{margin:0;padding:0}
body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-color: #EDEDED;
	background-image: url(/GECSEM/site/images/fond.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
p{margin:0 10px 10px}
h2{margin-left: 10px}
h3{margin-left: 10px}
h4{margin-left: 10px}
h5{margin-left: 10px}
h6{margin-left: 10px}
a{
	display:block;
	color: #456B34
}
#container {
	background-color: #FFF;
}
div#header{
	height: 190px;
}
.fond01 {
	background-image: url(/GECSEM/site/images/haut1.jpg);
	background-repeat: no-repeat;
}
.fond02 {
	background-image: url(/GECSEM/site/images/haut2.jpg);
	background-repeat: no-repeat;
}
.fond03 {
	background-image: url(/GECSEM/site/images/haut3.jpg);
	background-repeat: no-repeat;
}
.fond04 {
	background-image: url(/GECSEM/site/images/haut4.jpg);
	background-repeat: no-repeat;
}
.fond05 {
	background-image: url(/GECSEM/site/images/haut5.jpg);
	background-repeat: no-repeat;
}
.fond06 {
	background-image: url(/GECSEM/site/images/haut6.jpg);
	background-repeat: no-repeat;
}
.fond07 {
	background-image: url(/GECSEM/site/images/haut7.jpg);
	background-repeat: no-repeat;
}
#container #header #ttitre {
	height: 100px;
	padding-top: 55px;
}
#ttitre #titre_haut {
	float:left;
	width:100%;
}
#ttitre #titre_haut div{
	display:inline;
}
#ttitre #titre_haut #gauche {
	float:left;
}
#ttitre #titre_haut #droite {
	float:right;
	color:#FFF;
	padding-right:20px;
	padding-top:25px;
}
#ttitre #titre_haut #gauche h1{
	line-height:58px;
	padding-left:170px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#ttitre #menu_haut {
	float:right;
	padding-right:10px;}
#header #ttitre #menu_haut ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	padding-top:5px;
}
#header #ttitre #menu_haut ul li {
	display: inline;
	float: left;
	padding-left:10px;
	padding-right:10px;
}
#header #ttitre #menu_haut a {
	color:#FFF;
}
#header #ttitre #menu_haut a:hover {
	color:#FFBD4F;
}
#ttitre #recherche_haut {
	float:right;
	padding-right:10px;}
#container #header #ttitre #recherche_haut form {
	margin: 0px;
	padding: 0px;
}
#container #header #ttitre #recherche_haut form input {
	display: inline;
	padding-top: 0px;
	margin-left:0px;
	margin-right:10px;
}

#container #header #menu {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	height: 25px;
	padding-top: 10px;
    }
#menu ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#menu li {
	float:left;
	padding:0;
	background-image: url(/GECSEM/site/images/tab_d.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
    }
#menu a {
	display:block;
	background-image: url(/GECSEM/site/images/tab_g.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
	margin-right: 5px;
    }
#menu a:hover {
	color: #FFBD4F;
    }
#menu #current {
	background-image:url(/GECSEM/site/images/tab_d_on.png);
    }
#menu #current a {
	background-image:url(/GECSEM/site/images/tab_g_on.png);
	padding-bottom:5px;
	color: #456B35;
    }
#menu #current a {
	background-image:url(/GECSEM/site/images/tab_g_on.png);
	padding-bottom:5px;
	color: #456B35;
    }
div#container{text-align:left}
div#content p{line-height:1.4}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:800px;margin:0 auto}
#container #wrapper {
	margin-bottom: 10px;
}
div#content{
	float:right;
	width:600px;
	padding-top: 10px;
}
div#navigation{
	float:left;
	width:200px;
	background-color: #D9D9D9;
}
#navigation ul{
	list-style-type: none;
	list-style-position: inside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#navigation a{
	background-image: url(/GECSEM/site/images/fleche.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 4px;
}
#navigation a:hover{
	background-image: url(/GECSEM/site/images/fleche_on.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 4px;
	color:#FFBD4F;
}
div#extra{
	float:left;
	clear:left;
	width:200px;
	background-color: #E8E8E8;
	margin-top: 4px;
}
div#footer{
	clear:both;
	width:100%;
	background-image: url(/GECSEM/site/images/fond_bas.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 51px;
	background-color: #E2E2E2;
	color: #000;
	text-align: right;
}
#container #footer div {
	display:inline;
	float:right;
	padding-right: 10px;
}
#container #footer #adresse {
	padding-top: 20px;
}
#container #footer #logo {
	background-image: url(/GECSEM/site/images/logo.jpg);
	background-repeat: no-repeat;
	height: 51px;
	width: 53px;
}