/* CSS Document */
body 
{
font:verdana ;
font-size:12px;
color:#330033;
background: url(bcgrdDegrade.jpg) repeat-x #c3d3fd;
}
#header
{
margin: 0 ;
height:215px;
background: url(layout-interneband2.jpg) left #663300 no-repeat;
/*background-position:left;*/
padding-bottom:0px;
text-align:center;
}
.biglink 
{
width:200px; height:20px; text-align:center; text-transform: uppercase; padding:10px; background-color:#FF0000; margin:200px 10px 0px 100px; float:right; border:double #FF0000; font-size:18px; font-family:'Arial Black'; font-weight:800; color:#FFFF99; font-stretch:wider; clear:both;
}
.date 
{
width:400px; height:20px; color: #003300; text-align:center; text-transform: uppercase; padding:3px; /*background-color:#FF0000;*/ margin:220px 3px 0px 0px; float:right; /*border:double #FF0000; font-size:18px; font-family:'Arial Black'; font-weight:800; text-shadow:#333333; font-stretch:wider;*/ clear:both;
}
.Style1 {
	/*font-size: 16px;*/
	font-weight: bold;
	color: #990000;
}
.img
{
margin:5px;
margin-left:0px;
width:30%;
clear:both;
float:right;
}

#marq
{
padding:3px 0;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
margin:5px ;
}

#annonce
{
height: auto;
width:450px;
font: Arial Black;
font-size:16px;
color: #9900CC;
margin-top: 0px;
right: 800px;
}

#imgbox {
float:left;
width: 40%;
padding: 5px;
margin: 5%;
}

#col1
{
float: left;
width: 42%;
margin-left: 1%;/*
display: inline;*/
}

#col2
{
float: left;
width: 48%;
margin-left: 1%;/*
border-right:1px #6600FF dotted;*/
}

#col3
{
float: left;
width: 20%;
/*margin-left: 3%;
border-left:1px #6633FF dotted;*/
}

#cadre1
{
padding: 0.5em;
border:1px #CC0000 solid;/*
border-bottom:none;*/
margin: 15px 0 15px 0;
width: 95%;
clear:both;
}

#cadre1 .titre
{
height:20px;
background: url(arrplan1.gif) repeat-x;
border:1px #CC0000 dotted;
margin-top:-15px;
padding:4px;
width:70%;
margin-left:6%;
color:#FFFF99;
font-weight:bold;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:capitalize;
text-align:center;
}

#content
{
width:1000px;
margin:0 auto;
height:auto;
background:/*url(logonwc1.gif) repeat #FFFFFF*/bottom ;
border:#FFFF00 solid 1px;
}

#cadre1 .box
{
height: auto;
clear:both;
margin-top:8px;
}

/* debut barre de navigation */
#navcontainer {
margin:0px;
padding: 0px;
height:30px;
clear:both;
border-bottom:2px #FFFF99 solid;
background-color: #FFFF99;
}
ul#navlist { font-family: verdana; margin:0; }

ul#navlist a
{
font-weight: bold;
font-size:12px;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0 5px;
padding: 0 auto;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #000;
background-color: #FFFF99;
padding: 6px 5px;
border: 1px #FFFF00 outset;
}

ul#navlist li a:hover
{
color: #000099
border: 1px #FFFF00 inset;
background-color: #FFB7B7;
}

ul#navlist li a:active
{
color: #000;
background-color: #FFFF99;
border: 1px #ac7261 inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
/* fin barre de navigation */
#footer
{
margin: 0 ;
border-top:2px #fff solid; 
height: 198px;
background:url(footer.gif) repeat-x;
clear: both;
}

#footer ul {
list-style-type: none;
margin-left: 0;
font-size:12px;
font-family:Verdana;
margin: 10px auto;
} 

#footer li{
display: inline;
padding: 0 5px ;
margin-top: 5px;
}

#footer li a{
list-style-type: none;
color:#000;
text-decoration: none;
}

#footer li a:hover{
font-weight:bold;
text-decoration: none;
padding: 0 5px ;
border-right: 2px #FFFF00 solid;
}