/*  Changement du .main-content width:450px  en 666px  */
     
*{padding:0; margin:0;}
/* ajouté dans le code de la page include du header pour prise en compte d'un fond différent pour la partie admin */
/* body {font-size:62.5%; font-family:verdana,arial,sans-serif; background-color: #ededed; background-image: url('../img/background2.gif'); background-repeat: repeat-x; height: 80%; }*/ /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {
width:900px; 
margin:0px auto; 
margin-top:10px; 
margin-bottom:10px; 
border:solid 1px #7D7D7D; 
background-color: #ffffff; 
font-size:1.0em;

}
.main {clear:both; width:900px; /*height:85%; */padding-bottom:0px; background:transparent url('../img/barre.png') top left repeat-y;
/*height:640px; overflow:auto; /*overflow-y:scroll;*/ /* incompatible avec firefox */ }
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; height:100%; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; border:none;}

/* bloc avec les 2 titres superposés*/
.main-title {display:block; float:left; width:666px; height:35px; position:absolute; z-index:100; background:#ffffff; /*margin:0 0 0 15px;*/ overflow:visible !important  overflow:hidden}

.main-title-hp {display:block; float:left; width:450px; height:35px; position:absolute; z-index:100; background:#ffffff; /*margin:0 0 0 15px;*/ overflow:visible !important  overflow:hidden}

.main-content {display:inline; /*Fix IE floating margin bug*/ float:left; width:450px; margin:0 0 0 15px; 
overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:10px 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; height:3em; padding:0.5em 0 0; background-color: #dae8ef; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* HEADER */
.header {width:900px; font-family:verdana,arial,sans-serif; background-color: #2C77BC; /*4c85f0;*/}
.header-top {
width:900px; 
height:110px; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/; 
/*background: url(../img/banniere_fond2.png) top right no-repeat ;*/
}

.header-left {
width:200px; 
height:0px;
background-color: #2d78bc; 
float:left;
}

.header-right {width:700px; height:40px; 
background-color: #dae8ef;
float:right; /*border:solid 1px #2C77BC;*/ }
/* ancien header bottom */


.sitelogo {width:135px; height:108px; position:absolute; z-index:1; margin:0 0 0 35px; background:url(../img/logo_cftc.png); }
/*.siteacces {width:593px; height:433px; position:absolute; z-index:1; margin:0 0 0 35px; background:url(../img/logo_cftc22.png); }*/
.sitename {width:800px; height:45px; color:rgb(255,255, 255); position:absolute; z-index:1; margin:20px 0 0 200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:260%;}


.main-navigation .topright {
 /* position:fixed; */
	width:200px;
	height:640px;
	margin: 0 0 0 0;
  background-color: #2C77BC; 
/*  background-color: #cee6f1;*/
	float:left;
}

.main-content-unitbox-left  {float:left; text-align:left; width:160px; margin:0 0 0.3em 0; padding:0 0 0 0; border:solid 2px #E8B10D; background-color:#F8E096;}

.main-content-unitbox-center  {float:right;text-align:left; width:260px; margin:0 0 0.3em 1em; padding:0 0 0 0; border:solid 2px #9CBAD6; background-color:#DBE6F1;}
/* .main-content-unitbox-center  {float:left; text-align:left; width:140px; margin:0 0 0.3em 1em; padding:0 0 0 0; border:solid 2px #9CBAD6; background-color:#DBE6F1;}
.main-content-unitbox-right  {float:right; width:120px; margin:0 0 0 0; padding:0 0 0 0; border:solid 2px #2C77BC; background-color:#ffffff;}
*/
.column1-unit {width:450px; margin-bottom:5px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-top: 10px;}
.column2-unit-left {float:left; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:200px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:160px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:120px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


/* MAIN CONTENT XL */
.column-unit-xl {width:666px; margin-bottom:5px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; /*margin-top: 30px; */ padding-top: 40px;}
.column-unit-xl-carte {width:666px; padding:0; margin:0;/* margin-bottom:5px !important */ /*Non-IE6*/ /* ; margin-bottom:5px */ /*IE6*/; /*margin-top: 30px; */ /* padding-top: 40px;*/ }
.column2-unit-left-xl {float:left; width:133px; margin-bottom:10px !important ; margin-bottom:5px ;}
.column2-unit-right-xl {float:right; width:533px; margin-bottom:10px !important ; margin-bottom:5px ;}

.column3-unit-left-xl {float:left; width:170px; margin-bottom:10px !important ; margin-bottom:10px ;}
.column3-unit-middle-xl {float:left; width:170px; margin-bottom:10px !important ; margin-bottom:10px ; margin-left:40px; padding:10px 0 0 0;}
.column3-unit-right-xl {float:right; width:170px; margin-bottom:10px !important ; margin-bottom:10px ; margin-left:40px; padding:10px 0 0 0;}



/* MAIN photo */

.main-photo-1  {float:left; text-align:center; width:150; margin:0 0 0 0; padding:0 0 0 0; border:solid 0px #E8B10D; }

/* MAIN SUBCONTENT */
.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px #BEBEBE; background:#EBEBEB;}
.subcontent-unit-border-green {width:183px; margin:0 0 1.5em 0; padding:0 0 5px 0; border:solid 1px #A0D651; background-color:#D9EFB9;} /**/
.subcontent-unit-border-blue  {width:183px; margin:0 0 1.5em 0; padding:0 0 1px 0; border:solid 1px #89AAD6; background-color:#D5E1F0;} /**/
.subcontent-unit-border-jaune  {width:183px; margin:0 0 1.5em 0; padding:0 0 1px 0; border:solid 1px #f9e95d; background-color:#fdf6b9;} /**/
.subcontent-unit-border-rouge {width:183px; margin:0 0 1.5em 0; padding:0 0 1px 0; border:solid 1px #ee9d90; background-color:#f8d8d3;} /**/
.subcontent-unit-border-blue2  {width:183px; margin:0 0 1.5em 0; padding:0 0 5px 0; border:solid 1px #95BBDD; background-color:#DAE8EF;} /**/

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:#EBEBEB;}
.subcontent-unit-noborder-green {width:120px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:#D9EFB9;}
.subcontent-unit-noborder-green2 {width:120px; margin:0 0 2.5em 0; padding:0 0 3px 0; background-color:#DCEECC;}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:#D5E1F0;}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}


/* SECOND SUBCONTENT */
/*
.sidebar {float: right; width: 155px; margin: 0px ; padding: 0.5em 5px 0px 0px; background-color: rgb(255,255,255); text-align: left;  color: rgb(75,75,75);} *//* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */
.sidebarbox-border {width: 130px; margin: 0px 0px 1em 9px; padding: 4px 4px 4px 4px; border: solid 1px #C8C8C8;}
.main-subcontent .sidebarbox-border p {clear:both; margin:0 1px 0.1em 1px; color:#4B4B4B; line-height:1.3em; font-size:110%;}
.sidebarbox-title-shading {display: block; margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px; background-color: #E1E1E1;; font-weight: bold; font-size: 110%;}
.sidebarbox-border p {margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; line-height: 0.1em; font-size: 110%;}

.sidebar-font {float: right; width: 155px; margin: 0px ; padding: 10px 0px 0px 0px; background-color: #FFFFFF; text-align: left; color: #4B4B4B;}

.bg-yellow01 {background-color: #fdf6b9;}
.bg-yellow02 {background-color: #f9e95d;}

.bg-blue01 {background-color: #dedcf2;}
.bg-blue02 {background-color: #aca7df;}

.bg-red01 {background-color: #f8d8d3;}
.bg-red02 {background-color: #ee9d90;}

.footer p {line-height:1.3em; text-align:center; color:#7D7D7D; font-weight:bold; }
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:none; color:#7D7D7D;}
.footer a:hover {text-decoration:underline; color:#7D7D7D;}
.footer a:visited {color:#7D7D7D;}

/* CSS utilisés une seule fois */

.encadre{
text-align:left;
padding:8px;
color:#000000;
/*background:#DAE8EF;*/
background:#FFEAA3;
width: 440px;
}

encadre-hp{
text-align:left;
padding:8px;
color:#ffeaa3;
background:#ffffff;
width: 440px;
}

.encadre-xl{
text-align:left;
padding:8px;
color:#000000;
background:#DAE8EF;
width: 640px;
}

.encadre-acces{
text-align:center;
padding:8px;
color:#000000;
background:#DAE8EF;
width: 598px;
height : 442px;
}

.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background: #C8C8C8;; color:#95BBDD;;}
.clear-contentunit-xl {clear:both; width:666px; height:0.1em; border:none; background: #C8C8C8;; color:#95BBDD;;}
.clear-navunit {clear:both; width:180px; height:0.1em; border:none; background: #C8C8C8; color:#95BBDD;}

@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
/*html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} IE proprietary flicker hack for background images. Not validating, but OK*/