/*======== Styles Colonne de Droite ========*/
#xo-canvas-rightcolumn {
color: #666;
background-color: #00344f;
border-width: 1px 2px 2px 0px;
border-style: solid;
border-color: #b6b7b8;
}
#xo-canvas-rightcolumn a {
color: #000;
text-decoration: none;
background-color: inherit;
}
#xo-canvas-rightcolumn a:hover {
background-color: inherit;
color: #33ccff;
text-decoration: underline
}
#xo-canvas-rightcolumn .xo-blocktitle {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
background-color: inherit;
text-align: center;
}
#xo-canvas-rightcolumn .xo-blockcontent {
color: #fff;
padding: .5em;
background-color: #336699;
}

/* Ici normalement, vous n'avez qu'à modifier les dimensions
et le visuel du squelette à proprement parler (bordure des colonnes,
fond des colonnes, marges principales, etc ...)*/

/*============= Règles principale du squelette ============*/
#xo-canvas-columns {
width: 100%;
border-collapse: collapse;
}
#xo-canvas-leftcolumn { width: 170px;}
#xo-page {
padding-top: 10px;
min-height: 400px;
}
* html #xo-page { height: 400px; }

#xo-canvas-rightcolumn {width: 170px;}
#xo-canvas-leftcolumn, #xo-page, #xo-canvas-rightcolumn { vertical-align: top;}


/*========== Règles pour les configurations spécifiques des colonnes ===========*/
#xo-canvas.leftcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns {}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page { border-right-width: 0px;}
#xo-canvas-bottom, #xo-canvas-footer {}

/*=========== Blocs centraux =============*/
#xo-page-topblocks {
padding: 0px 10px;
}
#xo-page-bottomblocks {
padding: 0px 10px 10px;
}

#xo-page .xo-blockszone .xo-block {
margin-bottom: 10px;
border: 1px solid #c6c1c1;
}
#xo-page-topleftblocks, #xo-page-bottomleftblocks {
float: left;
width: 49.5%;
}
#xo-page-toprightblocks, #xo-page-bottomrightblocks {
float: right;
width: 49.5%;
}
#xo-page-topcenterblocks, #xo-page-bottomcenterblocks {
clear: both;
}
#xo-page .xo-lcrpageblocks .xo-blockszone, #xo-page .xo-lcrpageblocks .xo-blockszone {
float: left;
clear: none;
width: 33%;
}
.xo-lcrpageblocks #xo-page-topleftblocks,
.xo-lcrpageblocks #xo-page-topcenterblocks,
.xo-lcrpageblocks #xo-page-bottomleftblocks,
.xo-lcrpageblocks #xo-page-bottomcenterblocks {
margin-right: .5%;
}
#xo-page .xo-blockszone .xo-blockcontent {
min-height: 50px;
}
* html #xo-page .xo-blockszone .xo-blockcontent { height: 100px; }

#xo-page-topblocks .xo-block,
#xo-page-bottomblocks .xo-block {
padding-top: 2px;
}
#xo-page-topblocks *>.xo-block,
#xo-page-bottomblocks *>.xo-block {
padding-top: 0px;
}
#xo-page .xo-blockszone > .xo-block {
border: 1px solid #c6c1c1;
padding-left: 4px;
}
#xo-page .xo-blockszone .xo-block:before {
display: block;
height: 9px;
margin-left: -4px;
margin-right: -1px;
}
#xo-page .xo-blockszone .xo-block:after {
display: block;
height: 7px;
margin-left: -4px;
margin-right: -1px;
}

/*======== Styles Colonne de Droite ========*/
#xo-canvas-rightcolumn {
color: #666;
background-color: #00344f;
border-width: 1px 2px 2px 0px;
border-style: solid;
border-color: #b6b7b8;
max-width: 170px;
}
#xo-canvas-rightcolumn a {

#xo-canvas-rightcolumn .xo-blockcontent {
color: #fff;
padding: .5em;
background-color: #336699;
width: 170px;
}