/****************************************************************/
/*   Design:   Multiflex-3.11 / Layout-5                        */
/*   File:     Global layout structure                          */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     January 8, 2008                                  */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
body {font-size:61%; background:url("../IMG/background.gif") top left repeat-x #F9F9F7; font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:0px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:rgb(255,255,255) url(../IMG/bg_head_breadcrumbs.jpg) repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; /*width:440px;*/ margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:left; width:185px; margin:0 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../IMG/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.center{text-align:center;}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:900px; height:80px; background:rgb(240,240,240) url(../IMG/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {
    width:900px;
    height:150px;
    background:url(../IMG/delf/header.jpg) top right no-repeat #fff;
    overflow:visible !important /*Firefox*/;
    overflow:hidden /*IE6*/;
    padding: 0px 0 0 0px;
    border-bottom:2px #C2CBDC solid;
}
.header-bottom {width:900px;}
.header-breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../IMG/bg_head_breadcrumbs.jpg) repeat-y;}

/********************/
/*  HEADER SECTION  */
/********************/
.sitename{ float:left; }
.sitename h1 {width:200px; padding:0; padding-left:10px;padding-top:10px;}
.sitename h1 img{ border:0;}

.header-middle h2{ padding-left:130px; font-size:2.3em; display:block; float:left; color:#0D3896;}


.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 480px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:400px; text-align:right; font-size:230%;}
.sitemessage h2 {float:right; width:320px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

/*Drop-down menu*/
.nav2 { margin-left:10px; margin-top:40px; white-space:nowrap /*IE hack*/; float:left; border:none; background:rgb(225,225,225) url(../IMG/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #89AAD6;}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: #fff;}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a {background-color:#89AAD6; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:#89AAD6; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:-1px; border-collapse:collapse;}
.nav2 ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:#89AAD6; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:#89AAD6; text-decoration:none;} /*Color subcells hovering mode*/

.header-breadcrumbs ul {float:left; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../IMG/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; margin:0; background:url(../IMG/bg_corner_topleft.gif) no-repeat;}

/* MAIN CONTENT */
.column1-unit {width:480px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; /*background:url(../IMG/delf/actufond.jpg) repeat-x;*/ background-color:#0D3896; color:#FFFFFF; float:left;}
.column1-unit2 {width:640px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; background:url(../IMG/delf/boxfond.jpg) repeat-x; float:left; min-height:600px;  height:auto !important;  height:600px;}
.column1-unit2 h2, .column1-unit2 .conseil h3, .column1-unit2  h3 { background:url(../IMG/delf/pagetitle2.gif) repeat-y; padding:1px; padding-left:20px; padding-right:30px; color:#FFFFFF;}
.column1-unit2 .conseil ol li { color:#0D3896;}

.column1-unit2 p { padding:0 3em 0 3em; color:#0D3896; }
.column1-unit2 h2 a, .column1-unit2 a:visited { color:#FFFFFF; }

.column1-unit2-small {width:440px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; background:url(../IMG/delf/boxfond.jpg) repeat-x;  float:left;}
.column1-unit2-small h2, .column1-unit2-small strong.spip, .column1-unit2-small .conseil h3.spip { padding:0px; padding-left:20px; padding-right:20px; background:url(../IMG/delf/pagetitle3.gif) repeat-y; font-weight:bold; color:#FFFFFF; display:block;}
.column1-unit2-small .conseil strong.spip {font-weight:bold;  background:none; display:inline; color:#0D3896; padding:0px;}
.column1-unit2-small p { padding:0 1em 0 1em; }


.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:120px; 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 SUBCONTENT */
.subcontent-unit-border {width:183px; margin:0 0 1em 0; padding:0 0 0 0; border:solid 1px rgb(190,190,190); background-color:#8FCB1B; z-index:50;}
.subcontent-unit-border-green {width:183px; margin:0 0 1em 0; padding:0 0 0 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-blue  {width:183px; margin:0 0 1em 0; padding:0 0 0 0; border:solid 1px rgb(137,170,214); background-color:#0D3896; color:#FFFFFF}
.subcontent-unit-border-blue2  {width:183px; margin:0 0 1em 0; padding:0 0 0 0; border:solid 1px rgb(137,170,214); background-color:#C2CBDC; color:#FFFFFF}
.subcontent-unit-border-orange {width:183px; margin:0 0 1em 0px; padding:0 0 0 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}



.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:#0D3896;}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}


.column1-unit .round-border-topleft,.column1-unit2 .round-border-topleft, .column1-unit2-small .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;}
.column1-unit .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:470px;}

.column1-unit .round-border-bottomright{font-size:1px; width:10px; height:10px;  position:relative; z-index:100; background:url(../IMG/bg_corner_bottomright.gif) no-repeat; margin-bottom:-1px; margin-left:470px;}

.column1-unit2 .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:630px;}

.column1-unit2-small .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:430px;}

.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-bottomleft {font-size:1px; width:10px; height:10px;  position:relative; z-index:100; background:url(../IMG/bg_corner_bottomleft.gif) no-repeat; margin-bottom:-10px;  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;}
.round-border-bottomright {font-size:1px; width:10px; height:10px;  position:relative; z-index:100; background:url(../IMG/bg_corner_bottomright.gif) no-repeat; margin-bottom:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../IMG/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../IMG/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:#313996; font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:none; color:#313996;}
.footer img {border:0;}
.footer a:hover {text-decoration:none; color:#5F65AB;}
.footer a:visited {color:#313996;}

/*********************/
/*  6. CLEAR FLOATS  */
/*********************/
.page-container:after, .header:after, .header-bottom: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-blue2:after, .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;}
p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@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*/;}}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.nav3-grid {border-bottom:solid 1px rgb(200,200,200); background-color:#C2CBDC; }
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:1.8em /*IE6*/; line-height:1.8em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:#0D3896; font-weight:bold; font-size:105%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:105%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:#97A5BF; color:rgb(42,90,138); text-decoration:none;}

.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(../IMG/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../IMG/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../IMG/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(../IMG/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}

.main-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .loginform p {clear:both; margin:0; padding:0;}
.main-navigation .loginform fieldset {width:160px; border:none;}
.main-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .loginform input.button {float:left; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-navigation .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation .searchform {width:160px; margin:0 20px 0 20px;}
.main-navigation .searchform fieldset {border:none;}
.main-navigation .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-navigation .searchform input.button {float:left; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-navigation .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../IMG/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN CONTENT */
.main-content h1.pagetitle,.main-content h2.pagetitle  {margin:0 0 0.4em 0; padding:0 0 2px 0; font-family:"trebuchet ms",arial,sans-serif; color:#FFFFFF; font-weight:normal; font-size:220%; background:url(../IMG/delf/pagetitle.jpg) center no-repeat;}

.main-content .pdfimp {margin-left:560px; margin-top:-41px; }
.main-content .pdfimp img {border:0; float:none;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {text-align:center; clear:both; margin:1.0em 0 0.5em 0; color:#FFFFFF; font-weight:normal; font-size:190%;}
.main-content h2 {clear:both; margin:1.0em 1em 0.5em 1em; font-family:"trebuchet ms",arial,sans-serif; color:#FFFFFF; font-size:170%;}
.main-content h3 {clear:both;font-weight:normal; font-size:130%; margin: 2em 0 1em 0;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:1.4em; color:#0D3896; text-align:justify;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:610px !important; width:556px; margin:2.0em 0 0.2em 0px; empty-cells:show; padding:5px; text-decoration:none;}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show;text-align:left;  font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; text-align:left;  font-weight:bold; font-size:110%;}
.main-content table td {padding:0px 0px 2px 20px; text-align:left; font-weight:normal; color:rgb(80,80,80);font-size:120% !important; font-size:90%; text-decoration:none;}
.main-content .calendar table td {padding:0;} 
p.caption {clear:both; margin:0.1em 0 1.0em 20px; text-align:left; font-size:110%; text-decoration:none; vertical-align:middle;}
.main-content table tr.pair td{ color:#0D39AF;}
.main-content table tr.impair td{  color:#FFFFFF;}
.main-content table tr.pair {}
.main-content table tr.impair{   background:url(../IMG/delf/pagetitle2.gif) repeat-y; }
.main-content table tr.pair td a, .main-content table tr.pair td a:link:visited {color:#0D39AF;text-decoration:none;}
.main-content table tr.impair td a, .main-content table tr.impair td a:link:visited {color:#FFFFFF;text-decoration:none;}
.main-content table tr.pair:hover td, .main-content table tr.pair a:hover{background-color:#7199EF; text-decoration:none; background-image:none;}
.main-content table tr.impair:hover td, .main-content table tr.impair a:hover{  background-color:#7199EF; color:#FFFFFF; text-decoration:none; background-image:none;}



.main-content ul , .column1-unit ul{list-style:none; margin:0.5em 0em 1.0em 0em; text-align:justify; width:500px;}
.main-content .formation ul{margin:0.5em 0em 1.0em 13em;}
.main-content ul li  , .column1-unit ul li {margin:1pt 2pt 1em 60px; padding:0px 0px 0px 35px; background:url(../IMG/delf/puce.gif) no-repeat; font-size:160%; color:#0D3896; font-weight:bold; text-align:justify; width:500px;}
.main-content ul li a {color:#0D3896; }
.main-content ol {margin:0.5em 0 1.0em 2em !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/; }
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 4em; line-height:1.4em; font-size: 140%; text-align:justify; width:510px;}

.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* MAIN SUBCONTENT */
.main-subcontent h1 { text-align:center; clear:both; margin:0 0 10px 0; /*padding:4px 10px 3px 10px; *//*background-color:#8FCB1B;*/ font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-subcontent h1.contact a{text-align:center; clear:both; margin:0 0 10px 0; /*padding:4px 10px 3px 10px; *//*background-color:#8FCB1B;*/ font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:110%; display:block;}
.main-subcontent h1.contact a:hover{background:url(../IMG/delf/nouscontacter.gif) no-repeat; text-decoration:none;}

.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#0D3896; font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue2 {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:#C2CBDC; font-family:"trebuchet ms",verdana,arial,sans-serif; color:#0D3896; font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
/* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:#FFFFFF; line-height:1.3em; font-size:110%;}
.main-subcontent p.blue2 {clear:both; margin:0 10px 1.0em 10px; color:#0D3896; line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.centermiddle, .subcontent-unit-border p.centermiddle{text-align:center; margin-top:2px; margin-bottom:-8px; font-size:1.3em; font-weight:bold;padding-top:4px;padding-bottom:4px;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li{margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../IMG/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.xmain-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 34px /*IE6*/;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.main-subcontent .loginform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .loginform p {clear:both; margin:0; padding:0;}
.main-subcontent .loginform fieldset {width:160px; border:none;}
.main-subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px #0D3896; font-family:verdana,arial,sans-serif; font-size:110%; background-color:#DEE2E7; color:#0D3896;}
.main-subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-subcontent .loginform input.button {float:left; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#0D3896; font-size:110%;}
.main-subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-subcontent .searchform {width:180px; margin:0 10px 0 10px;}
.main-subcontent .searchform fieldset {border:none;}
.main-subcontent .searchform input.field {float:left; width:130px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; background-color:#C2CBDC; color:#0D3896;}
.main-subcontent .searchform input.button {float:left; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-subcontent .searchform #buttonrecherche{float:left; width: 24px; margin-left:5px; margin-top:-3px; height: 24px;  border: 0;  background: url(../IMG/delf/loupe2.png) no-repeat top;  text-indent: -1000em;
                                              cursor: pointer;}
/********************/
/*  COMMON CLASSES  */
/********************/
img {  behavior: url(win_png.htc); }
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:0px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:0px solid rgb(150,150,150); margin-bottom:3px;}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:0px solid rgb(150,150,150);}

.main a {color:#F9F7ED; font-weight:bold; text-decoration:none;}
.main-content h1 a {color:#F9F7ED; font-weight:normal; text-decoration:none;}
.main a:hover {color:#FFFFFF; text-decoration:none;}
.main a:visited {color:#FFFFFF;}
.main a img {border:0;}
.main a:hover img {border:0;}

.main a.publication{padding:5px; padding-left:30px; padding-right:40px;text-decoration:none; display:block; float:left;}
.main a.publication:hover{ background:url(../IMG/delf/publication.gif) no-repeat left;}

.column1-unit2 a, .column1-unit2 a:visited{ color:#0D3896; }
.column1-unit2 a:hover{ color:#3A66C5; text-decoration:none;}
.subcontent-unit-border p { color:#FFFFFF; padding-left:5px; }
.main-content table a img {border:0; vertical-align:middle;}
.main-content table a:hover img {border:0;}

h1.menu a{background:url(../IMG/delf/menu1.gif) no-repeat 0 -34px; height:29px;width:185px; margin:0; padding:0; padding-top:5px; display:block; text-align:center; margin:0;font-family:"trebuchet ms",verdana,arial,sans-serif;font-weight:bold;font-size:1em;}
h1.menu a:hover{background-position: 0 0px; text-decoration:none; }

.main-content .plan ul li { font-size:140%; margin:0.3em 1em; }
.main-content .plan ul { margin:0; }
span.spip_documents_center img { float:none;}
.column1-unit p {margin:0 0.5em 0 0.5em;}

div.navigation-calendrier {background-color:#8FCB1B;}
.column1-unit h1 { margin:0;}
.column1-unit p {color:#FFFFFF;}

.obligatoire label {
    color:#FF0000;
    text-decoration:underline;
    text-transform:capitalize;
}

.spip_forms .forml, .spip_forms .formo{ font-size:1.4em;}

a.carriere:hover{
    padding:5px;
    background:url(../IMG/delf/carriere.gif) no-repeat center;
    text-decoration:none;
    padding-left:20px;
    padding-right:20px;
}

.main-content{
    width:640px;
}

#box_rubriques_formation{
    width:640px;
    margin-bottom : 8px;
}

#box_rubriques_formation a{
    background:transparent url(../IMG/delf/puce.gif) no-repeat 0 0;
    color:#0D3896;
    display:block;
    float : left;
    height : 20px;
    line-height:20px;
    border : 1px solid white;
    margin:2px 20px 2px 55px;
    padding:0 5px 0 28px;
    width:200px;
    font-size : 12px;
}

#box_rubriques_formation a:hover{
    background-color: #c3ccdd;
    border-color : #94a2bb;
}



.main-content h2.description{
    margin : 0px 5px 5px 5px;
    padding : 0;
    color:#9A9A9A;
    font-size : 11px;
}

.main-content table tr.impair {
    background:none;
}

.main-content table tr.impair td{
    color:#0D39AF;
}

.pagetitle span{
    color:#DDDDDD;
    font-size:18px;
    font-weight:normal;
}

.main-content table.liste_cours tr td{
    padding : 3px 0px 3px 20px;
}

.main-content table.liste_cours tr td a{
    padding-left : 15px;
    background:transparent url(../IMG/delf/minipuce.png) no-repeat left center;
}

.main-content table.liste_cours tr.impair td a{
    color : #0D39AF;
}

.main-content table.liste_cours tr td a:hover{
    background: transparent url(../IMG/delf/minipuce-hover.png) no-repeat left center;
}

#catalogue{
    text-align:center;
    position:relative;
}

#catalogue a,
.outils_box a{
    display : block;
    width : 308px;
    margin : auto;
    border : none;
    height:60px;
    border : 1px solid transparent;
}

#catalogue a{
    width : 330px;
}

.outils_box a{
    width : 330px;
    margin-left: 41px;
}

.outils_box a{
    background : url('/dist/vignettes/html.png') no-repeat center right;
}

#catalogue a:hover,
.outils_box a:hover{
    border : 1px solid #0e41a9;
    background-color : #2b63e1;
    color: white;
}

#catalogue span,
.outils_box span{
    float : left;
    font-size:15px;
    margin-left:10px;
    margin-top: 10px;
}

.outils_box span{
    margin : 22px 10px 0px 10px;
}

#catalogue img,
.outils_box img{
    margin:3px 0 0 0;
    padding : 0;
    clear:none;
}

.outils_box{
    clear:both;
}

.outils_box p.outils_desc{
    float:right;
    font-size:11px;
    font-style:italic;
    padding-bottom:0;
    padding-left:0;
    padding-right:17px;
    padding-top:0;
    text-align:justify;
    width:242px;
}

.main-content h2.pagetitle{
    background:url(../IMG/delf/pagetitleH2.jpg) center no-repeat;
    text-align:center;
}

#sommaire-left,
#sommaire-right{
    float : left;
    width:313px;
}

#sommaire-right{
    margin-left : 10px;
}

#sommaire-bottom-link .subcontent-unit-border,
#sommaire-bottom-link .subcontent-unit-border-blue{

    width:auto;

}

#sommaire-bottom-link a{
    color:white;
    display:block;
    font-size:12px;
    height:62px;
    margin:5px 5px 0px 5px;
    padding: 5px 5px 0px 75px ;
    text-align:left;
    border : 2px solid transparent;
}

#sommaire-bottom-link a:hover{
    border : 2px solid #6c9916;
}

#sommaire-bottom-link .subcontent-unit-border-blue a:hover{
    border : 2px solid #416dcc;
}

#sommaire-bottom-link .surligne{
    color : #ffe721;
    font-size : 14px;
}


#sommaire-bottom-link #item-sommaire-1 a{
    background:transparent url(../IMG/delf/sommaire-img1.jpg) no-repeat scroll 5px center;
}

#sommaire-bottom-link #item-sommaire-2 a{
    background:transparent url(../IMG/delf/sommaire-img2.jpg) no-repeat scroll 5px center;
}

#sommaire-bottom-link #item-sommaire-3 a{
    background:transparent url(../IMG/delf/sommaire-img3.jpg) no-repeat scroll 5px center;
}

#sommaire-bottom-link #item-sommaire-4 a{
    background:transparent url(../IMG/delf/sommaire-img4.jpg) no-repeat scroll 5px center;
}

#sommaire-bottom-link .round-border-topright,
#sommaire-bottom-link .round-border-bottomright{
    margin-left : 302px;
}


#liste_publications_cours a{
    font-weight : normal;
}

#liste_publications_cours strong a{
    font-weight : bold;
}

#liste_publications li,
#liste_publications_cours li{
    margin : 0 0 0 45px;
    padding : 0;
    background:none;
}
#box-actu a,
#liste_publications li a,
#liste_publications_cours li a
{
    background:transparent url(../IMG/delf/minipuce.png) no-repeat scroll left center;
    padding-left:15px;
    font-size:12px;
}

#box-actu a:hover,
#liste_publications li a:hover,
#liste_publications_cours li a:hover
{
    background:transparent url(../IMG/delf/minipuce-hover.png) no-repeat scroll left center;
    text-decoration:underline;
}

#menu-catalog h1{
    cursor : pointer;
    margin : 0;
    padding-bottom : 0;
}

#article-toolbox img{
    margin:6px 17px 0;
}

#article-toolbox a{
    display : block;
    float : left;
}

table.tableau-article{
    width : 400px !important;
    font-style:italic;
    color : #0D3896;
    margin : 0;
}

table.tableau-article td {
    color : #0D3896;
}

#box-client{
    display : none;
}

.header-middle h2{
    margin-top:50px;
    padding-left:25px;
}

.nav2 {
    margin : 0px 0px 0px 70px;
}