/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/


.diapo {background-color:#EEE; border:1px solid #AAA;padding:4px;text-align:center;font-family:verdana;font-size:11px;font-weight:bold;color:#FFF;border-radius:15px; -moz-border-radius:15px;-webkit-border-radius:15px}

#coin {background-color:#b19f10; border:1px solid #transparent ;width:240px;padding:4px;text-align:center;font-family:arial;font-size:14px;font-weight:bold;color:#FFF;border-radius:15px; -moz-border-radius:15px;-webkit-border-radius:15px;}

#bleu {background-color:#3a6bba; border:1px solid #transparent;width:240px;padding:4px;text-align:center;font-family:arial;font-size:14px;font-weight:bold;color:#FFF;border-radius:15px; -moz-border-radius:15px;-webkit-border-radius:15px;}

#blanc {background-color:#FFF; border:1px solid #transparent;width:240px;padding:4px;text-align:center;font-family:arial;font-size:14px;font-weight:bold;color:#FFF;border-radius:15px; -moz-border-radius:15px;-webkit-border-radius:15px;}




a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color: #06639e;
    text-decoration:underline;
}

a:hover{
    text-decoration: underline;
    color: #000000;
}

*
{
    
    margin: 0;
}



body
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 20px;
    //background: #7dbfd7 url(images/bg.jpg);
    background:#3a3737;
    background-repeat:repeat-x;
    background-position: top;
}

#mainbg{
    width: 1016px;
    margin: 0 auto;
}

#main{
    margin: 0 auto;
    width: 1016px;
    padding-top: 10px;
}

#header{
    background: url(images/header.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
}


#header2{
    background: #3a3737;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
}
#logo{
    width: 1016px;
    margin: 0 auto;
    text-align: left;
    padding-top: 10px;
    height: 277px;
}

#logo a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    padding-left: 20px;
}

#logo H2 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: bold;    
}

#buttons{
    width: 1016px;
    height: 57px;
    margin: 0 auto;
    padding-top: 10px;
    background: url(images/menubg3.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

#buttons2{
    width: 1016px;
    height: 57px;
    margin: 0 auto;
    padding-top: 10px;
    background: url(images/menubg.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}


#buttons ul {
    padding-left: 0px;
}

#buttons2 ul {
    padding-left: 0px;
}

#buttons li {
    /*display: inline;*/
}
#buttons2 li {
    display: inline;
}


#buttons a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    display: block;
    float: left;
    width: 169px;
    height: 37px;
    padding-top: 19px;
    margin-top: 1px;
}

#buttons2 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    /display: block;
    float: left;
    width: 145px;
    height: 37px;
    padding-top: 19px;
    margin-top: 1px;
}


#buttons a:hover, .active{
   background: url(images/menu_h.png);
   background-repeat: no-repeat;
   background-position: center;
}

#buttons2 a:hover, .active{
   background: url(images/menu_h.png);
   background-repeat: no-repeat;
   background-position: center;
}


#content{
	
}

#content2{
	width: 1016px;

}

#left{
    width:249px;
    padding-left: 1px;
    float: left;
}

#left2{
    width:600px;
    padding-left: 0px;
    float: left;
}


#left h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 10px;
    background: url(images/title_left.png);
    background-repeat:no-repeat;
    background-position:top left;
}
#left2 h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 10px;
    background: url(images/title_left2.png);
    background-repeat:no-repeat;
    background-position:top left;
}


#left .company{
    padding-top: 10px;
}

#left2 .company{
    padding-top: 10px;
}




.numleft{
    background: url(images/numbg.png);
    background-repeat: no-repeat;
    background-position: left top;
    float:left;
    width: 37px;
    min-height: 37px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin: 0px 8px 0px 8px;
}

.numleft p{
    padding-top: 10px;
}

.newsright{
    padding-left: 53px;
    padding-right: 10px;
}

#left .read a{
    color: #06639e;
    font-weight:normal;
    font-style: italic;
    font-size: 12px;
    text-decoration:none;
    border-bottom: 1px dotted #06639e;
    margin-right: 10px;
}



.left_grad{
    background: url(images/left_grad.png) no-repeat;
    background-position: top left;
    min-height: 220px;
}

.left_grad2{
    background: url(images/left_grad2.png) no-repeat;
    background-position: top left;
    min-height: 160px;
}
.left_grad3{
    background: url(images/left_grad3.png) no-repeat;
    background-position: top left;
    min-height: 380px;
}

.left_bg{
    background: url(images/left_bg.png) repeat-y;
    background-position:left;
}
.left_bg2{
    background: url(images/left_bg2.png) repeat-y;
    background-position:left;
}
.left_bg3{
    background: url(images/left_bg3.png) repeat-y;
    background-position:left;
}

.left_bot{
    background: url(images/left_bot.png) repeat-y;
    background-position:left top;
    height: 5px;
    margin-bottom: 10px;
}

.left_bot2{
    background: url(images/left_bot2.png) repeat-y;
    background-position:left top;
    height: 5px;
    margin-bottom: 10px;
}




#center{
    width: 547px;
    padding-left: 10px;
    float: left;
}

#center2{
    width: 1016px;
    padding-left: 0px;
    float: left;
}

#center3{
    width: 1016px;
    padding-left: 0px;
    /*float: left;*/
}

#center p{
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 10px;
}


.text{
    padding: 10px;
    background: #ffffff url(images/text_bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
    min-height: 64px;
}


#center H1{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #00456e;
    font-size: 16px;
    height: 36px;
    width:547px;
    padding-top: 10px;
    /*padding-left: 10px;*/
    background: url(images/title_center.png);
    background-repeat:no-repeat;
    background-position: top;
}


#center2 H1{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #00456e;
    font-size: 18px;
    height: 36px;
    width:1016px;
    padding-top: 10px;
    /*padding-left: 10px;*/
    background: url(images/title_center2.jpg);
    background-repeat:no-repeat;
    background-position: top;
}

.read{
    text-align: right;
    padding-bottom:5px;
    padding-right: 0px;
}

#center .read{
    height: 26px;
    padding-top: 3px;
    background: url(images/read.png);
    background-repeat: no-repeat;
    background-position: top;
}
.read2{
    text-align: right;
    padding-bottom:0px;
    padding-right: 0px;
}

#center .read2{
    height: 14px;
    padding-top: 3px;
    background: url(images/read2.png);
    background-repeat: no-repeat;
    background-position: top;
}

#center .read a{
    color: #ffffff;
    font-weight:normal;
    font-style: italic;
    font-size: 12px;
    padding-right: 12px;
    text-decoration:none;

}

.read3{
    text-align: right;
    padding-bottom:5px;
    padding-right: 0px;
}

#center .read3{
    height: 26px;
    padding-top: 3px;
    background: url(images/read3.png);
    background-repeat: no-repeat;
    background-position: top;
}

#center .read3 a{
    color: #210CC4;
    font-weight:bold;
    font-size: 14px;
    padding-right: 18px;
    text-decoration:none;

}

.read a:hover{
    text-decoration:underline;
}

#right{
    width:198px;
    padding-right: 1px;
    float:right;
}

#right2{
    width:400px;
    padding-right: 1px;
    float:right;
}


#right h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 10px;
    background: url(images/title_right.png);
    background-repeat:no-repeat;
    background-position:top left;
}

#right2 h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 10px;
    background: url(images/title_right2.png);
    background-repeat:no-repeat;
    background-position:top left;
}


.right_grad{
    background: url(images/right_grad.png) no-repeat;
    background-position: top left;
    min-height: 206px;
}

.right_grad2{
    background: url(images/right_grad.png) no-repeat;
    background-position: top left;
    min-height:100px;
}

.right_grad3{
    background: url(images/right_grad3.png) no-repeat;
    background-position: top left;
    min-height: 600px;
}


.right_bg{
    background: url(images/right_bg.png) repeat-y;
    background-position:left;
}

.right_bg2{
    background: url(images/right_bg2.png) repeat-y;
    background-position:left;
}

.right_bot{
    background: url(images/right_bot.png) repeat-y;
    background-position:left top;
    height: 4px;
    margin-bottom: 10px;
}

.right_bot2{
    background: url(images/right_bot2.png) repeat-y;
    background-position:left top;
    height: 4px;
    margin-bottom: 10px;
}


.categories{
height:auto;

}

.categories a{
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.categories ul{
    padding-left: 5px;
    padding-right: 5px;
}

.categories ul li{
    list-style: none;
    padding: 3px 5px 3px 5px;
    /*border-bottom: 1px dotted #979797;*/
}

.recent a{
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.recent ul{
    padding-left: 10px;
    padding-right: 10px;
}

.recent ul li{
    list-style: none;
    padding: 3px 5px 3px 13px;
    background: url(images/ls1.png);
    background-repeat: no-repeat;
    background-position: 0px 11px;
}

#footer
{
    height: 30px;
    font-size: 12px;
    color: #ffffff;
    padding-top: 15px;
    text-align: center;
    clear:both;
    background: url(images/footer.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 1px;
    padding-bottom: 15px;
}
#legal {
	/*float: left;*/
	padding-right: 200px;
	background: url(images/lion.png) no-repeat left center;
}

#footer a{
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
/*.padding{
    padding: 10px;
    color:#FF0000;
    font-weight: bold;
}*/
