body {
background-image:url(../image/bg.jpg);
background-color: #C4E5F8;
background-repeat: repeat-x;
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 10px 20px;
text-align: center;
}

a {
color: #0000A0;
text-decoration:underline;
font-weight:bolder;
}

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

#menu {
float:right;
margin-right:20px;
}

#menu a{
padding-top:0px;
color: #0000A0;
font-weight:bolder;
text-decoration:none;
}

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

#pointille {
border-bottom:1px dotted #bdbebd;
}


#arborescence { 
width: 100%;
height: 19px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
color:#bdbebd;
}

#arborescence a{
text-decoration:none;
color:#bdbebd;
}

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

#scroll
{
position: absolute;
bottom: -20px;
visibility: hidden;
}


.bordure 
{
border:1px solid #0000A0;
margin:0;
color:#000000;
background:#ffffff;
}



#banniere {
background-color: #FFFFFF;
border-left: 1px solid #bdbebd;
border-right: 1px solid #bdbebd;
margin-left: auto;
margin-right: auto;
padding: 8px;
text-align: left;
width: 900px;
height:auto;
overflow:hidden;
}

#page {
background-color: #F8FBFF;
border-left: 1px solid #bdbebd;
border-right: 1px solid #bdbebd;
border-bottom: 1px solid #bdbebd;
margin-left: auto;
margin-right: auto;
padding: 8px;
text-align: left;
width: 900px;
height:auto;
overflow:hidden;
}

#leftcol {
float: left;
font-size: 90%;
margin-right: 20px;
width: 200px;
background-color: #efefef;
padding: 8px 8px;
height: 760px;
border:1px solid #bbbbbb;
}

#newsvideo {
float: left;
width: 68%;
border-bottom:1px dotted #bdbebd;
padding-left:0px;
height:auto;
padding-bottom:10px;
}

#newsvideo2 {
float: left;
width: 100%;
border-bottom:1px dotted #bdbebd;
margin-left:15px;
margin-right:15px;
height:auto;
padding-bottom:10px;
}

#pixaccueil {
float: right;
margin-right: 10px;
margin-left: 10px;
}

#pixaccueil2 {
float: right;
margin-right: 20px;
margin-left: 10px;
}


#PageAccueil
{
float:left;
width:620px;
height:1070px;
background:#FFFFFF;
padding:10px;
padding-left:10px;
padding-right:0px;
padding-bottom:10px;
margin-left:0px;
border:1px dotted #bdbebd;
}

#PageAccueilCommentaire
{
padding-left:20px;
float:left;
width:295px;
margin-right:3px;
line-height:18px;
}


html>body #PageAccueilCommentaire
{
padding-left:0px;
}


#PageAccueilNuage
{
padding:10px;
float:left;
width:500px;
margin-left:45px;
margin-top:20px;
line-height:18px;
border:1px dotted #D35151;
}


#PageAccueilCommentaire1
{
padding-left:20px;
}

html>body #PageAccueilCommentaire1
{
padding-left:0px;
}

#box
{
float:left;
width:856px;
background:#FFFFFF;
margin:10px;
padding:10px;
padding-top:0px;
border:1px dotted #bdbebd;
}

#PageTeaser
{
float:left;
text-align:center;
width:300px;
background:#F7F7F7;
padding:10px;
padding-left:10px;
margin-left:80px;
margin-bottom:20px;
border:1px dotted #bdbebd;
}

#PageTeasertop
{
float:center;
text-align:center;
margin-left: 270px;
width:300px;
background:#F7F7F7;
padding:10px;
padding-left:10px;
border:1px dotted #bdbebd;
}

#PageVideo
{
padding-left:30px;
}

#MenuDroite
{
float:right;
width:230px;
background:#FFFFFF;
border:1px dotted #bdbebd;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
margin-bottom:5px;
margin-right:5px;
}

#copyright {
margin-top:10px;
}

#cache-rob /* Cacher champ r-o-b-o-t */
{
display: none;
} 

/* Vignette */


#rightsidead
{
float:left;
margin:10px 20px 0px 0px; /* écart entre les vignette */
width:180px;
padding:0px 0px 0px 0px;
}

#rightsideadcontent
{
padding-top:5px;
padding-right:20px;
padding-bottom:15px;
padding-left:18px;
background:url(../image/contentBg.png) no-repeat 0 0;
}

#rightsideadinner
{
margin-bottom:0px;
padding-left:0px;
padding-bottom:7px;
padding-top:15px; /* Hauteur pix vignette */
height:230px;
}

/* VIDEO LIGHT BOX*/

#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 5px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}


#lbCaption, #lbNumber {
margin-right: 71px;
}

#lbCaption {
font-weight: bold;
}


.police01 
{
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 24px;
color: #0000A0;
font-weight:bolder;
}

.police02
{
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size:10px;
color: #000000;
font-weight:bolder;
}

.police03
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #0000A0;
font-weight:bolder;
}

.police04
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #0000A0;
font-weight:bolder;
}

.police05
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
}

.police06
{
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size:13px;
color: #000000;
}

.police07
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #bdbebd;
}

.police08 
{
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 18px;
color: #0000A0;
font-weight:bolder;
}

.police09 
{
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 18px;
color: #000000;
font-weight:bolder;
}

.police10 
{
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 14px;
color: #0000A0;
font-weight:bolder;
}

.police11
{
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 14px;
color: #000000;
font-weight:bolder;
}

.police12
{
font-family: Impact;
font-size: 25px;
color: #ce0000;
}



/* --- MENU ONGLET*/ 


#header {
background:#DAE0D2 url(../image/menu-bg.gif) repeat-x bottom;
font-size:93%;
line-height:normal;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 900px;
overflow:hidden;
padding-left: 8px;
padding-right: 8px;
border-left: 1px solid #bdbebd;
border-right: 1px solid #bdbebd;
}

    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url(../image/menu-left_both.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #bdbebd;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url(../image/menu-right_both.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765; /* couleur des police du menu */
      white-space:nowrap;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a 
	{float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }
    #home #nav-home, #kezako #nav-kezako, #actualite #nav-actualite,
    #video #nav-video, #makingof #nav-makingof,
    #teaser #nav-teaser, #voisin #nav-voisin, #liens #nav-liens, #contact #nav-contact {
      background-position:0 -150px;
      border-width:0;
      }
    #home #nav-home a, #kezako #nav-kezako a, #actualite #nav-actualite a,
    #video #nav-video a, #makingof #nav-makingof a,
    #teaser #nav-teaser a, #voisin #nav-voisin a, #liens #nav-liens a, #contact #nav-contact a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#ce0000;
      }
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#0000A0;
      }
    #header li:hover a {
      background-position:100% -150px;
      }
	  
/* boite commentaire */

.boite {
background: #f0f0f0 url('../image/boiteBeigeHG.gif'); /* couleur de fond de la boite. */
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 0px;; /* marge de la boite se définissent dans le bloc le plus externe */
} 

.boite div {
  background: url('../image/boiteBeigeBG.gif') 0 100% no-repeat;
}

.boite div div {
/*  background: url('include/boiteBeigeHD.gif') 100% 0 no-repeat;*/
}

.boite div div div {
  background: url('../image/boiteBeigeBD.gif') 100% 100% no-repeat;
  padding: 3px 10px 10px 13px; /* L'espacement intérieur de la boite se définit dans le bloc le plus interne */
}
.boite div div div div {
  background: none; /* Si la boite contient elle-même des div, éviter que ceux-ci aient cadre-bas-droite.png comme image de fond... */
  padding: 0;       /* ... et qu'elles aient un padding, définit dans la règle ci-dessus */
background-image:url(./image/commentaire.gif);
background-repeat:no-repeat;
background-position:top right;

}

#commentaire h2 {
margin:0px;
padding:0px;
}
#commentaire p {
margin:0px;
padding:0px;
font-size: 11px;
text-align : left;
}

/* ------------ */

#cache-rob /* Cacher champ r-o-b-o-t */
{
display: none;
} 

#tampon {
position: absolute;
top: 10px;
left: 10px;
height: 140px;
width: 100px;
background-image: url(../image/tampon.gif);
background-repeat: no-repeat;
}