/* general properties */
body { margin: 0 0 2em 0; padding: 0; background-color: #E4E4E4; background-image: url(../images/layout/bgmain-01.jpg); background-repeat: repeat-x; background-position: top; }
img { border: 0; }
form { border: 0; margin: 0;}
.hidden { display: none; visibility: hidden; }
div, p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* =====
LAYOUT
======= */

/* fixed columns and rows */
.left-col { width: 458px; }
.right-col { width: 274px; }
.footer { height: 45px; }
.one-col { width: 749px; }
.header { height: 59px; }
.top { height: 417px; }
.bottom { height: 100%; }
.bottomup { height: 358px; }

/* first grid homepage */
.content { width: 100%; height: 100%; text-align: center; }
#mainhome { width: 765px; }
#maintitle { vertical-align: top; }
#mainnav { height: 21px; }
#h-mainnavbottom { height: 10px; }
#h-top { height: 417px; }
#h-middle { height: 13px; background-image: url(../images/layout/h-middle.jpg); }
#h-bottom { height: 463px; vertical-align: top; }
#h-footertop { height: 15px; background-image: url(../images/layout/h-bottom.gif); }
#h-footer { height: 45px; }
#h-footerbottom { height: 8px; background-image: url(../images/layout/h-footerbottom.gif); }

#h-topleft { width: 8px; height: 417px; background: url(../images/layout/h-topleft.jpg) center repeat-x; }
#h-topmiddle { width: 17px; height: 417px; background: url(../images/layout/h-topmiddle.jpg) center repeat-x; }
#h-topright { width: 8px; height: 417px; background: url(../images/layout/h-topright.jpg) center repeat-x; }
#h-bottomleft { width: 8px; height: 463px; background: url(../images/layout/h-tile-left.gif) center repeat-y; vertical-align: top; }
#h-bottommiddle { width: 17px; height: 463px; background: url(../images/layout/h-tile-middle.gif) center repeat-y; vertical-align: top; }
#h-bottomright { width: 8px; height: 463px; background: url(../images/layout/h-tile-right.gif) center repeat-y; vertical-align: top; }

#h-editorial { background: white url(../images/layout/bg-titles.gif) top repeat-x; }
#h-actualite { background: white url(../images/layout/bg-titles.gif) top repeat-x; }
#h-articles { background: white url(../images/layout/bg-titles.gif) top repeat-x; vertical-align: top; }
#h-modeles { background: white url(../images/layout/bg-titles.gif) top repeat-x; }

#h-footerleft { width: 8px; background-image: url(../images/layout/h-footerleft.gif); }
#h-footermiddle { background-color: white; border-top: 1px solid #FF6600; }
#h-footerright { width: 8px; background-image: url(../images/layout/h-footerright.gif); }

/* header */
#contentheader { width: 100%; }
#bl-mainlogo { width: 59px; vertical-align: bottom; }
#bl-title { width: 426px; text-align: left; }
#bl-search { width: 280px; text-align: left; }




/* =========
TEXT aligns
========== */
.center { text-align: center; }


/* =========
TEXT format
========== */

/*basic */
div { font-family: Arial, Helvetica, sans-serif; color: #555555; text-align: justify; }
h1 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; margin: 10px 5px 5px 0; line-height: 24px; letter-spacing: -1px; font-weight: bold; }
h2 { font-family: Arial, Helvetica, sans-serif; color: #555555; font-size: 18px; }
h3 { font-family: Arial, Helvetica, sans-serif; color: #555555; font-size: 16px;}
h4 { font-family: Arial, Helvetica, sans-serif; color: #555555; font-size: 14px;}
h5 { font-family: Arial, Helvetica, sans-serif; color: #555555; font-size: 12px;}
h6 { font-family: Arial, Helvetica, sans-serif; color: #555555; font-size: 11px;}
.bl-strong { font-weight: bold; }

/* interlignes */
.editodesc p, .editodesc div, .editodesc span  {line-height: 14px;}

/* website title */
.webnamealt { font-size: 9px; margin: 0; line-height: 10px; letter-spacing: 0; color: #FF6600; }
.webnamedesc { width: 400px; font-size: 11px; margin: 0; font-weight: normal; letter-spacing: 0; line-height: 11px; }

/* main table titles */
#ti-actualite { width: 240px; height: 20px; background: url(../images/titles/t-actualites.gif) bottom left no-repeat; vertical-align: top; margin: 0; padding: 0; }
#ti-articles { width: 424px; height: 20px; background: url(../images/titles/t-articles.gif) bottom left no-repeat; vertical-align: top; margin: 0; padding: 0; }
#ti-editorial { width: 424px; height: 20px; background: url(../images/titles/t-editorial.gif) bottom left no-repeat; vertical-align: top; margin: 0; padding: 0; }
#ti-modeles { width: 240px; height: 20px; background: url(../images/titles/t-modeles.gif) bottom left no-repeat; vertical-align: top; margin: 0; padding: 0; }

/* footer */
#footercontent { margin: 0 16px 0 16px; }
#footercontent div { font-size: 10px; line-height: 10px; }
.footerleft { float: left; width: 50%; }
.footerright { float: left; width: 50%; }
.footerright div{ text-align: right; } 
#footercontent div div a, #footercontent div div a:visited, #footercontent div div a:active { color: #FF6600; text-decoration: none; }
#footercontent div div a:hover { color: #444444; }
#footercontent div .discret a, #footercontent div .webmaster a:active, #footercontent div .discret a:visited { color: #555555; }
#footercontent div .discret a:hover { color: #222222; }

.editodesc p { margin: 5px 0 12px 0; }
.actualitedesc p, .articledesc p, .modeledesc p, .evenementbloc p { margin: 0; padding: 0; line-height: 14px; }
.actualitedesc span, .articledesc span, .modeledesc span, .evenementbloc span { margin: 0; padding: 0; line-height: 14px; }
.actualitedesc div, .articledesc div, .modeledesc div, .evenementbloc div { margin: 0; padding: 0; line-height: 14px; }


/* ===========
CONTENT BOXS
============ */

/* header title */
#webnametitle { text-align: left; float: left; width: 400px; }
#webmaintitle { float: left; position: static; top: 0px; }
#webmaintitle h1 { color: #FF6600; }
#webmainalt { position: relative; float: left; border: 0; margin: 0 0 0 12px; padding: 12px 0 0 0; top: 10px; right: 10px; }
#webmaindesc { clear: both; float: left; border: 0; }

/* main search */
#mainsearchform { position: relative; width: 272px; height: 23px; font-size: 11px; text-align: right; }
.mainsearchbox { font-size: 11px; background-color: #FF6600; color: white; height: 16px; margin-left: 2px; margin: 0 0 0 5px; padding: 0; border: 0; }
.mainsearchbutton { padding: 0; margin: 0; border: 0; margin-left: 3px; position: relative; top: 1px; }
#mainsearchform form { vertical-align: bottom; padding: 0; margin: 0;  border: 0;}

/* editorial */
.editointro { height: 100%; vertical-align: top; }
.editodate { text-align: right; color: #8C8C8C; font-size: 9px; text-transform: capitalize; }
.editobloc { margin: 5px 0 0 0; }
.editotitre { font-size: 16px; line-height: 18px; text-align: left; margin: 0; padding: 0; height: 36px; overflow: hidden; }

/* evenements du moment */
.evenementszone { width: 100%; height: 50px; margin: 0 0 12px 0; }
.evenementstitre { font-size: 12px; font-weight: normal; color: #555555; margin-bottom: 2px; }
.evenementbloc { font-size: 11px; }
.eventline { height: 13px; line-height: 13px; overflow: hidden; margin-left: 20px; }

/* dernieres publications */
.articleintro { height: 100%; vertical-align: top; }
.articledate { text-align: right; color: #8C8C8C; font-size: 9px; text-transform: capitalize; }
.articlebloc { margin: 5px 0 20px 0; }
.articleblocend { margin: 5px 0 0px 0; }
.articletitre { font-size: 12px; line-height: 14px; text-align: left; margin: 0; padding: 0; height: 30px; overflow: hidden; }
.readlink { text-align: right; font-size: 9px; }

/* hauteur descriptions articles */
.editodesc { font-size: 11px; line-height: 14px; margin: 2px 0 0 0; height: 260px; overflow: hidden; text-indent: 40px; }
.actualitedesc { font-size: 11px; line-height: 14px; margin: 2px 0 0 0; height: 42px; overflow: hidden; text-indent: 40px; }
.articledesc { font-size: 11px; line-height: 14px; margin: 2px 0 0 0; height: 42px; overflow: hidden; text-indent: 40px; }
.modeledesc { font-size: 11px; line-height: 14px; margin: 2px 0 0 0; height: 42px; overflow: hidden; text-indent: 40px; }
.edito_space{ height: 20px;}
/* hauteurs blocs */
.actualitezone { height: 312px; border: 0px solid black; }
.editozone { height: 312px; border: 0px solid black; } /* by mdr */
.modeleszone { height: 358px; border: 0px solid black; }
.articleszone { height: 358px; border: 0px solid black; }

/* publications precedentes */
.precpublications { margin: 0 0 12px 0; padding: 0; list-style: none; }
.precpublications li { line-height: 13px; font-size: 10px; text-align: right; margin: 0; padding: 2px 0 2px 4px; vertical-align: top; height: 13px; overflow: hidden; }
.voirtout li  { font-size: 10px; text-align: right; }

.mainbottomlinks { vertical-align: bottom; }
.precpublications a, .precpublications a:visited, .precpublications a:active { display: block; color: #847E64; text-decoration: none; }
.precpublications li a:hover { color: #54524C; /*background: url(../images/buttons/precedents.gif) bottom left no-repeat;*/ }
.precpublications .voirtout a, .precpublications .voirtout a:visited, .precpublications .voirtout a:active { color: #FF6600; text-decoration: none; }
.precpublications .voirtout a:hover { color: #AA4400; }


/* =========
NAVIGATION
========== */
/* liens par defaut */
a, a:visited, a:active { text-decoration: none; color: #FF6600; }
a:hover { color: #555555; }

/* menu principal */
ol, ul, li { font-size: 12px; padding: 0; }

#blmenu { clear: both; }
#blmenu ul { list-style: none; margin: 0px; }
#blmenu li { float: left; }
#blmenu a, #blmenu a:visited, #blmenu a:active, #blmenu a:link { display: block; height: 21px; line-height: 21px; padding: 0 5px 0px 5px; text-decoration: none; color: #EEEEEE; font-size: 12px; font-weight: bold; }
#blmenu li a, #blmenu li a:visited, #blmenu li a:active, #blmenu li a:link, #blmenu li li a, #blmenu lili  a:visited, #blmenu li li a:active, #blmenu li li a:link { color: #EEEEEE; }
#blmenu li a:hover { color: #FF6600; }
#blmenu a:hover { color: red; }

#blmenu2 { clear: both; }
#blmenu2 ul { list-style: none; margin: 0px; vertical-align: top; }
#blmenu2 li { float: right; }
#blmenu2 a, #blmenu2 a:visited, #blmenu2 a:active, #blmenu2 a:link { display: block; height: 21px; line-height: 21px; padding: 0 5px 0px 5px; text-decoration: none; color: #EEEEEE; font-size: 12px; font-weight: bold; }
#blmenu2 li a, #blmenu2 li a:visited, #blmenu2 li a:active, #blmenu2 li a:link { color: #EEEEEE; }
#blmenu2 li a:hover { color: #FF6600; }
#blmenu2 a:hover { color: #FF6600; }
.blmenuseparator { display: block; line-height: 0; height: 2px; padding: 3px 0 3px 0; margin: 0; border-top: 1px solid #EEEEEE; }

/* largeur des elements de menus (compatibilite) + barre de separation */
#l-accueil { width: 54px; background: url(../images/layout/menubar.gif) center right no-repeat; }
#l-quisommesnous { width: 115px; background: url(../images/layout/menubar.gif) center right no-repeat; }
#l-articles { width: 55px; background: url(../images/layout/menubar.gif) center right no-repeat;}
#l-actualite { width: 60px; background: url(../images/layout/menubar.gif) center right no-repeat; }
#l-modeles { width: 58px; background: url(../images/layout/menubar.gif) center right no-repeat; }
#l-liensutiles { width: 75px; }

#l-quisommesnous a ul li a:link, #l-quisommesnous a ul li a:active, #l-quisommesnous a ul li a, #l-quisommesnous a ul li a:visited { color: red;}

#l-avertissement { width: 92px; }
#l-sabonner { width: 66px; background: url(../images/layout/menubar.gif) center left no-repeat; }
#l-plandusite { width: 77px; background: url(../images/layout/menubar.gif) center left no-repeat; }

/* menu deroulant */
.ssmenu ul { list-style: none; margin: 5px; }
.ssmenu { position: absolute; display: none; padding: 0; background-color: #404040; border: 0; }
.ssmenu li { border-bottom: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; margin: 0; color: #EEEEEE; }
.ssmenu li.separator { line-height: 1px; height: 1px; padding: 0; margin: 0; }
.ssmenu li a, .ssmenu li a:visited, .ssmenu a:link, .ssmenu a:active { display: block; text-decoration: none; color: #EEEEEE; border: 0; padding: 1px 2px 2px 6px; }
.ssmenu a:hover { background-color: #FF6600; color: #EEEEEE; }

/* liens sur titres articles */
.editotitre a, .articletitre a, .actualitetitre a, .modelestitre a, .editotitre a:visited, .articletitre a:visited, .actualitetitre a:visited, .modelestitre a:visited, .editotitre a:active, .articletitre a:active, .actualitetitre a:visited, .modelestitre a:active, .editotitre a:link, .articletitre a:link, .actualitetitre a:link, .modelestitre a:link { color: #555555; text-decoration: none; }
.editotitre a:hover, .articletitre a:hover, .actualitetitre a:hover, .modelestitre a:hover { color: #3F3F3F; text-decoration: underline; }


/* ===========
BUTTONS
============ */
.buttonmore { margin: 6px 0 0 0; border: 0;}