body {
font:76% Verdana,Tahoma,Arial,sans-serif;
color:#000;
background:url("img/bg3.png") repeat-x top left #666;
margin:0;
padding:0;
}

/* generalities */
input {
font-size:0.8em;
display:inline;
}

textarea {
font-size:1em;
display:inline;
}

a {
text-decoration:none;
color:#000;
}

h1 {
font-variant:small-caps;
}

ul,li {
list-style-type:none;
margin:0;
padding:0;
}

/* end generalities */
#container {
width:70%;
max-width:1000px;
border-left:1px solid #000;
border-right:1px solid #000;
background-color:#FFF;
margin:0 auto;
padding:0;
}

/* ELEMENTS FIXES */
#engrenage {
position:absolute;
margin-left:-131px;
margin-top:-1px;
width:132px;
height:222px;
background:url("img/engrenage.png") no-repeat top left transparent;
}

#logo {
position:absolute;
margin-left:0;
width:280px;
height:80px;
background:url("img/logo_coupe.png") no-repeat top left transparent;
}

#header {
height:80px;
background:url("img/header.png") no-repeat top left #FFF;
margin:0;
padding:0;
}

/* Menu ******************************/
#menu {
height:27px;
background:url("img/bg_menu.png") no-repeat top left #690b0b;
margin:0;
padding:0 0 5px;
}

#menu > ul {
list-style-type:none;
text-align:center;
margin:0;
padding:0;
}

#menu > ul > li {
display:block;
float:left;
text-align:center;
width:24%;
margin:0;
padding:0;
}

#menu > ul > li > a {
height:40px;
color:#FFF;
text-decoration:none;
display:block;
font-size:1.5em;
text-align:center;
letter-spacing:2px;
margin:0;
padding:0;
}

#menu > ul > li > a:hover,#menu > ul > li > a #active {
color:#000;
font-weight:700;
margin:0;
padding:0;
}

#menu > a:active {
background:#c60;
color:#fff;
}

#logo1,#logo2,#logo3,#logo4 {
position:absolute;
float:left;
height:90px;
width:100px;
margin-top:-5px;
}

/* Bidouillage pour que le logo reste en place... */
#logo1 {
background:url("img/logo_accueil.png") no-repeat center center;
margin-left:2%;
margin-top:-4px;
}

#logo2 {
background:url("img/logo_entreprises.png") no-repeat center center;
margin-left:-14.8%;
margin-top:-4px;
}

#logo3 {
background:url("img/logo_etudiants.png") no-repeat center center;
margin-left:-31.6%;
margin-top:-4px;
}

#logo4 {
background:url("img/logo_contact.png") no-repeat center center;
margin-left:-48.4%;
margin-top:-4px;
}

#submenu1,#submenu2,#submenu3,#submenu4 {
position:absolute;
margin-left:50px;
float:left;
height:90px;
font-size:0.7em;
width:300px;
padding:0 0 0 50px;
}

#submenu1 li,#submenu2 li,#submenu3 li,#submenu4 li {
padding-left:20px;
}

#submenu1 a,#submenu2 a,#submenu3 a,#submenu4 a {
line-height:18px;
color:#000;
display:block;
text-align:left;
font-size:1.3em;
}

#submenu1 a:hover,#submenu2 a:hover,#submenu3 a:hover,#submenu4 a:hover {
color:#FFF;
font-weight:700;
}

/* Bidouillage pour que le sous-menu reste en place... */
#submenu1 {
margin-left:8%;
}

#submenu2 {
margin-left:-8.8%;
}

#submenu3 {
margin-left:-25.6%;
}

#submenu4 {
margin-left:-42.3%;
}

#submenus {
margin-top:-5px;
height:105px;
background:url("img/bg_submenu.png") no-repeat top left #4F5883;
display:block;
}

/* Footer *****************************************/
#footer {
height:78px;
background:url("img/bg_footer.png") no-repeat top center #FFF9E5;
font-size:0.8em;
color:gray;
vertical-align:bottom;
margin:0;
padding:2px 0 0;
}

#footer p {
text-align:center;
}

#footer img {
border:0;
color:#303030;
display:inline;
margin:0;
padding:0;
}

#footer a {
color:#000;
font-weight:700;
}

#footer a:hover {
color:red;
}

/* Lien "Haut de page" ***************/
#bottom {
width:100%;
font-size:0.8em;
text-align:right;
clear:both;
margin:0;
}

#bottom a:hover {
text-decoration:underline;
}

/* Lien "plaquette" ***************/
#plaquette {
width:100%;
font-size:0.8em;
text-align:left;
float:right;
background:url("img/plaquette.png") no-repeat  150px center transparent;
}

#plaquette a:hover {
text-decoration:underline;
}

#plaquette img {
position:absolute;
display:none;
/*margin-left:-100px;
margin-top:20px;*/
border:1px solid #CCC;
}

/* CSS SPIP ***********************/
#spip {
text-align:justify;
min-height:600px;
margin:0;
padding:10px 10px 10px 10px;
padding-right:18%;
}

#spip h1 {
padding-left:30px;
color:#CC4949;
font-size:1.2em;
margin-bottom:0;
background:url("img/page.png") 10px top no-repeat transparent;
}

#spip h2 {
padding-left:60px;
color:#CC4949;
font-size:1.1em;
margin-bottom:0;
}

#spip .h2news {
margin:0;
background:url("img/information.png") top left no-repeat #f3ffee;
padding-left:20px;
}

#spip .prez {
background:url("img/star.png") 10px top no-repeat transparent;
}

#spip li {
padding-left:12px;
background:url("img/submenu_triangle.png") no-repeat center left transparent;
}

#spip .bloc {
margin-top:3px;
margin-bottom:10px;
border:1px solid #ccc;
background-color:#eee;
padding:5px;
}

#spip .news {
/*margin-top:3px;
margin-bottom:10px;
margin-left:40px;*/
border:1px solid #CCC;
background-color:#f3ffee;
padding:5px;
margin-bottom:10px;
}

#spip .bloc:hover,#spip .news:hover {
background-color:#FFF;
/*background:url("img/bg_bloc.png") no-repeat bottom right transparent;*/
}

#spip a {
border-bottom:1px dashed #000;
}

#spip a:hover {
border-bottom:1px solid #a04242;
font-weight:700;
}

#spip p img {
text-align:center;
display:inline;
}

#spip p .center {
margin-left:auto;
margin-right:auto;
}

/* End CSS spip *******************************************************************************************/
.barre_deco {
background:url("img/barre_deco.png") no-repeat left top #FF0;
height:6px;
clear:both;
}

#phpmyvisites {
display:none;
}

#flash {
width:600px;
margin:0 auto;
}

#contact {
width:600px;
border:1px dashed #debeb9;
text-decoration:none;
margin:0 auto;
}

/* Leftside bar */

#leftside {
margin-top:20px;
position:absolute;
width:200px;
left:74%;
}

#leftside p {
text-align:left;
}

#leftside a {
text-decoration:none;
border:none;
}

#leftside a:hover {
text-decoration:none;
border:none;
}

#leftside img {
text-decoration:none;
border:none;
}