/* CSS Document */
body{ 
margin: 0px;
padding: 0px;
background-color:#000;
color:#fff;
font: 1.0em Verdana, Arial, Helvetica, sans-serif #0B4A07;
} 

a, a:link, a:visited {color:#fff; text-decoration:none;}
a:active, a:hover {color:#68bd45;}

* {margin:0; padding:0;}

#container {width:955px; height:auto; margin:auto; top:0px; position:relative;}

#smenu {position:relative; width:955px; height:35px; top:10px; background-image:url(../img/smenu3.jpg); background-repeat:no-repeat; border-bottom:1px solid #68bd45;}

#centre {position:relative; width:955px; height:497px; top:34px;}

#pleft {position:relative; width:306px; height:497px; background-image:url(../img/photogauche.jpg); left:0px;}

#pright {position:absolute; width:306px; height:497px; background-image:url(../img/photodroite.jpg); left:649px; top:0px;}

#pcentre {position:absolute; width:343px; height:497px; background-color:#68bd45; left:306px; top:0;}

#btmleft {position:relative; width:925px; height:20px; padding-left:30px; color:#595959; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; top:43px; border-top:3px solid #68bd45; padding-top:10px;}

#btmright {position:absolute; width:170px; height:20px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; left:758px; top:15px; text-align:right;}

a.wht, a.wht:link, a.wht:visited { color:#fff; text-decoration:none; cursor:pointer; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.wht:active, a.wht:hover {text-decoration:underline;}
a.gri, a.gri:link, a.gri:visited { color:#ccc; text-decoration:none; cursor:pointer; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.gri:active, a.gri:hover {text-decoration:underline;}

a.vt, a.vt:link, a.vt:visited { color:#68bd45; text-decoration:none; cursor:pointer; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.vt:active, a.vt:hover {text-decoration:underline;}

a.vet, a.vet:link, a.vet:visited { color:#68bd45; text-decoration:underline; cursor:pointer; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.vet:active, a.vet:hover {text-decoration:none;}


a.rouge, a.rouge:link, a.rouge:visited { color:#900; text-decoration:none; cursor:pointer; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.rouge:active, a.rouge:hover {text-decoration:underline;}


.logo {position:absolute; width:74px; height:102px; left:20px; top:19px; background-image:url(../img/logo.jpg);}


/*********** MENU *******************/
div.buttonA {
width:231px;
height:35px;
left:0px;
top: 0px;
position: absolute;
}
div.buttonA a.roll:hover, div.buttonA:hover {
width:231px;
height:35px;
display:block;
background-image:url(../img/menu2/pho_roll.jpg);
background-repeat:no-repeat;
}
div.buttonAz{width:231px;height:35px;background-image:url(../img/menu2/pho_roll.jpg);background-repeat:no-repeat;left:0px;top: 0px;}
div.buttonAx {position:absolute; width:225px; height:29px; border:1px solid #fff; left:2px; top:2px;}

div.buttonB {
width:128px;
height:35px;
left:231px;
top: 0px;
position: absolute;
}
div.buttonB a.roll:hover, div.buttonB:hover {
width:128px;
height:35px;
display:block;
background-image:url(../img/menu2/cin_roll.jpg);
background-repeat:no-repeat;
}
div.buttonBz{width:128px;height:35px;left:231px;top: 0px;background-image:url(../img/menu2/cin_roll.jpg);background-repeat:no-repeat;}
div.buttonBx {position:absolute; width:122px; height:29px; border:1px solid #fff; top:2px; left:2px;}

div.buttonC {
width:269px;
height:35px;
left:359px;
top: 0px;
position: absolute;
}
div.buttonC a.roll:hover, div.buttonC:hover, div.buttonCz {
width:269px;
height:35px;
display:block;
background-image:url(../img/menu2/col_roll.jpg);
background-repeat:no-repeat;
}
div.buttonCz{width:269px;height:35px;left:359px;top: 0px;background-image:url(../img/menu2/col_roll.jpg);background-repeat:no-repeat;}
div.buttonCx {position:absolute; width:263px; height:29px; border:1px solid #fff; top:2px; left:2px;}

div.buttonD {
width:183px;
height:35px;
left:628px;
top: 0px;
position: absolute;
}
div.buttonD a.roll:hover, div.buttonD:hover {
width:183px;
height:35px;
display:block;
background-image:url(../img/menu2/cha_roll.jpg);
background-repeat:no-repeat;
}
div.buttonDz{background-image:url(../img/menu2/cha_roll.jpg); background-repeat:no-repeat;width:183px; height:35px;}
div.buttonDx {position:absolute; width:177px; height:29px; border:1px solid #fff; left:2px; top:2px;}

div.buttonE {
width:144px;
height:35px;
left:811px;
top: 0px;
position: absolute;
}
div.buttonE a.roll:hover, div.buttonE:hover, div.buttonEz {
width:144px;
height:35px;
display:block;
background-image:url(../img/menu2/con_roll.jpg);
background-repeat:no-repeat;
}
div.buttonEz{width:144px;height:35px;left:811px;top: 0px;background-image:url(../img/menu2/con_roll.jpg);background-repeat:no-repeat;}
div.buttonEx {position:absolute; width:138px; height:29px; border:1px solid #fff; left:2px; top:2px;}

/************ formulaire *************************/
input.sub {border:1px solid #fff; background-color:#68bd45; color:#fff; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;}


/*********** challenge **************************/
#topsiege { width:954px; position:relative; height:131px; background-color:#68bd45; background-image:url(../img/topsiege.jpg); background-position:right; background-repeat:no-repeat; border-right:1px solid #68bd45; border-bottom:1px solid #68bd45; top:10px;}
#contchal {position:relative; padding:10px 20px; width:914px; top:20px; line-height:18px;}
#contleft {position:relative; width:608px; height:322px; border-right:1px solid #68bd45;}
#contleft2 {position:relative; width:608px; height:322px; border-right:0px solid #68bd45;}
#contright {position:absolute; left:628px; width:294px; height:322px; text-align:right; padding-left:12px; line-height:18px;}
span.verto{color:#68bd45; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
span.rg{color:#cc0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
span.wh { color:#ddd; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
span.whi { color:#ddd; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
span.wha { color:#ddd; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
span.grif{color:#3b3b3b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
span.verf{color:#68bd45; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}

input.frouge {color:#888; border:2px solid #900; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:2px 3px; width:125px;}
input.fvert {color:#888; border:2px solid #68bd45; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:2px 3px; width:125px;}
select.vrt {border:1px solid #68bd45; color:#68bd45; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer; background-color:#FFFFFF; padding:2px 2px 2px 2px; width:250px;} 

h7 {color:#68bd45; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; line-height:30px;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; line-height:18px; margin-top:7px;}

/************ photo ****************************/
#phovert {width:105px; height:292px; background-color:#68bd45; position:relative; padding:15px 9px;}
#phovert2 {width:105px; height:auto; background-color:#68bd45; float:left; padding:15px 9px;}
#photos {width:913px; height:322px; position:relative;}
#phocolgcha {position:relative; width:465px; height:322px; left:134px; top:0px;}
#phocolg {position:absolute; width:325px; height:322px; left:130px; top:0px;}
#phocold {position:absolute; left:462px; width:451px; height:322px; background-color:#000; top:0px;}
#phopik {position:relative; margin-right:5px; margin-bottom:7px; width:61px; height:75px;}

li.pho {list-style-type:square; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; list-style-position:inside; line-height:28px;}
li.pho span.pho {color:#daf4d0;}
li.pho a, li.pho a:link, li.pho a:visited {color:#fff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }
li.pho a:active, li.pho a:hover {text-decoration:underline;}
li.inf {list-style-position:inside; color:#68bd45; list-style-type:square; margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
span.blc {color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

table.client td, table.client th {color:#000; padding:1px 3px;}
img.client {border:1px solid #fff;}


/*** challenge ***/
#zonevert {height:auto; width:596px; background-color:#68bd45; position:relative;}
#zonenoir {height:auto; width:455px; background-color:#000; position:relative; margin-left:113px; padding:0 10px 0 18px;}
#zonelien {width:113px; height:300px; position:absolute; padding:15px 3px; top:0px; left:0;}
#zonecontleft {position:relative; width:608px; height:auto; border-right:1px solid #68bd45;}
#zonecontleft2 {position:relative; width:608px; height:auto; border-right:0px solid #68bd45;}
#rmenu {width:98px; height:17px; padding:3px 4px; position:relative; margin-bottom:5px; background-color:#68bd45; color:#fff; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; text-decoration:none;}
#rmenuz {width:98px; height:17px; padding:3px 4px; position:relative; margin-bottom:5px; background-color:#fff; color:#68bd45; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; text-decoration:none;}
#rmenu:hover {background-color:#fff; color:#68bd45; cursor:pointer;}

.ztopvert {position:relative; width:445px; height:17px; background-color:#68bd45; color:#fff; padding:5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:left;}
.ztopgris {position:relative; width:445px; height:17px; background-color:#999; color:#fff; padding:5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:right;}
.ztoprouge {position:relative; width:445px; height:17px; background-color:#900; color:#fff; padding:5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-align:right;}

.zmidnoir {position:relative; width:445px; height:auto; background-color:#000; color:#fff; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:15px 10px;}
#zencour {position:relative; width:465px; height:auto; padding-bottom:15px; border-bottom:1px solid #68bd45;}
#zenprop {position:relative; width:465px; height:auto; padding-bottom:15px; border-bottom:1px solid #999;}
#zenterm {position:relative; width:465px; height:auto; padding-bottom:15px; border-bottom:1px solid #900;}
#zonevert2 {height:auto; width:135px; background-color:#68bd45; position:relative;}
#zonenoir2 {height:auto; width:425px; background-color:#000; position:absolute; padding:0 10px 0 18px; left:140px; top:0px;}
#zonenoir3 {width:275px; height:255px; background-color:#000; position:absolute; padding:0 10px 0 18px; left:605px; top:0px;}
#zonelien2 {width:133px; height:300px; position:relative; padding:15px 3px; top:0px; left:0;}
#zonecontleft2 {position:relative; width:915px; height:auto; border-right:1px solid #68bd45;}
#rmenu2, #rmenu2:link, #rmenu2:visited {width:120px; height:17px; padding:3px 4px; position:relative; margin-bottom:5px; background-color:#68bd45; color:#fff; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; text-decoration:none;}
#rmenuz2 {width:120px; height:17px; padding:3px 4px; position:relative; margin-bottom:5px; background-color:#fff; color:#68bd45; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; text-decoration:none;}
#rmenu2:hover {background-color:#fff; color:#68bd45; cursor:pointer;}
img.cha {border:1px solid #5c5c5c;}
img.winne {float:left;margin-right:5px;}

/* photos */
#ZNV { position:absolute; width:100%; height:auto; left:0px; top:5px; visibility:hidden;}
#ZNV3 { width:720px; height:auto; margin:auto; position:relative; background-color:#000; border:2px solid #fff; padding:5px 0;}


table.cont {color:#68bd45; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

input.cont, textarea.cont {border:1px solid #68bd45; background-color:#000; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px 5px;}
input.cont2, textarea.cont2 {border:1px solid #900; background-color:#000; color:#ccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:2px 5px;}
