/* CSS Document */
body
{
background-color:#c4c3c8;
color:#000000;
}
.corp
{
/*border:#CC3300 1px solid;*/
width:1024px;
}

.corp #decoration-architecture
{
height:825px;
width:420px;
/*border:blue 1px solid;*/
background-image:url(pic/trefle.jpg);
}

.corp #bloc
{
height:825px;
width:475px;
/*border:#3333CC solid 1px;*/
position:relative;
left:90px;
}

.corp #bloc #menu
{
height:540px;
width:223px;
/*border:#FF33CC 1px solid;*/
background-color:#7f7e84;
}

.corp #bloc #menu #main
{
border:#7f7e84 1px solid;
height:423px;
width:220px;
}

.corp #bloc #menu #main ul li a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#c9c8ce;
text-decoration:none;
}
.corp #bloc #menu #main ul li a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;

}
.corp #bloc #menu #main ul li
{
margin-top:5px;
}

.corp #bloc #menu #main #sous a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#c9c8ce;
text-decoration:none;
}

.corp #bloc #menu #main #sous a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:black;
text-decoration:none;
}

.corp #bloc #menu #main #sous 
{
position:relative;
left:-60px;
/*border:#FF0000 1px solid;*/
}

.corp #bloc #menu #logo
{
/*border:#33FF00 1px solid;*/
height:130px;
width:223px;
background-color:#c4c3c8;
background-image:url(pic/logo-trefle.jpg);
background-repeat:no-repeat;
background-position:center;
}


.corp #bloc #menu #title
{
/*border:#33FF00 1px solid;*/
height:27px;
width:223px;
background-color:#7f7e84;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.corp #bloc #offre
{
height:543px;
width:205px;
/*border:#FF33CC 1px solid;*/
position:relative;
left:40px;
background-color:#afaeb3;
}

.corp #bloc #offre #conteneur
{
/*border:#33FF00 1px solid;*/
height:518px;
width:205px;
color:black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.corp #bloc #offre #conteneur a
{
text-decoration:none;
color:black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.corp #bloc #offre #conteneur a:hover
{
text-decoration:none;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.corp #bloc #offre #title
{
/*border:#33FF00 1px solid;*/
height:27px;
width:205px;
background-color:#7f7e84;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:white;
padding-top:7px;
text-align:center;
}

.corp #bloc #slogan
{
height:100px;
width:470px;
/*border:#FF33CC 1px solid;*/
position:relative;
left:0px;
top:545px;
background-image:url(pic/reference.jpg);
background-repeat:no-repeat;
}

.corp #bloc #bas
{
height:131px;
width:470px;
/*border:#FF33CC 1px solid;*/
position:relative;
top:570px;
}
.corp #bloc #bas #authentif
{
height:130px;
width:225px;
/*border:#FF33CC 1px solid;*/
position:relative;
top:-440px;
}

.corp #bloc #bas #recherche
{
height:130px;
width:196px;
/*border:#FF33CC 1px solid;*/
position:relative;
top:-440px;
left:40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.corp #bloc #bas #recherche input
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
.corp #bloc #bas #recherche a
{
text-decoration:none;
color:#000000;
}

#authentif
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#auth input
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

#auth b
{
color:#FFFFFF;
padding-left:10px;
}

#auth a
{
color:black;
text-decoration:none;
}

/*********************************************************Compatibilite***************************************************/
*+ html .corp #bloc #slogan
{
height:100px;
width:470px;
/*border:#FF33CC 1px solid;*/
position:relative;
left:0px;
top:0px;
}

* html .corp #bloc #slogan
{
height:100px;
width:470px;
/*border:#FF33CC 1px solid;*/
position:relative;
left:0px;
top:0px;
}

*+ html .corp #bloc #bas
{
height:131px;
width:470px;
/*border:#FF33CC 1px solid;*/
position:relative;
top:20px;
}

* html .corp #bloc #bas
{
height:131px;
width:470px;
/*border:#FF33CC 1px solid;*/
position:relative;
top:20px;
}

* html .corp #bloc #menu #logo
{
/*border:#33FF00 1px solid;*/
height:122px;
width:223px;
background-color:#c4c3c8;
background-image:url(pic/logo-trefle.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

* html .corp #bloc #menu #main #sous 
{
position:relative;
top:-15px;
left:0px;
/*border:#FF0000 1px solid;*/
display:block;
}

* + html .corp #bloc #menu #main #sous 
{
position:relative;
top:-15px;
left:0px;
/*border:#FF0000 1px solid;*/
display:block;
}

* html .corp #bloc #bas #authentif
{
height:130px;
width:225px;
/*border:#FF33CC 1px solid;*/
position:relative;
top:0px;
}
* + html .corp #bloc #bas #authentif
{
height:130px;
width:225px;
/*border:#FF33CC 1px solid;*/
position:relative;
top:0px;
}

* html .corp #bloc #bas #recherche
{
height:130px;
width:196px;
/*border:#FF33CC 1px solid;*/
position:relative;
top:0px;
left:40px;
}

* + html .corp #bloc #bas #recherche
{
height:130px;
width:196px;
/*border:#FF33CC 1px solid;*/
position:relative;
top:0px;
left:40px;
}

input
{
background-color:#d5d4da;
}

select
{
background-color:#d5d4da;
}
#radio
{
background-color:#afaeb4;
}