/* ---[ blocs.css ]---------------------------------------------

SITE :
www.cdmq.com

RÉALISATION :
CAP (www.capprod.com)

CONTENU :
- Layout
- Header
- Bord main right (Page d'Accueil)
- Search
- Main page : Blocs: 
	- À surveiller
	- Dossiers chauds
	- Compte rendu
	- Revue de presse
	- Login box
	- Événements
	- Abonnement
	- Autopromo
	- Membre
- Footer
- Blocs: (Pages)
	- Contenu éditable
	- À surveiller
	- Dossiers chauds
	- Comptes rendus
	- Détail document (Compte rendu/Actualités média/Dossiers chauds)
	- Liste longue des articles (Compte rendu/Actualités média/Dossiers chauds)
	- Authentification
	- Sitemap
	- Recherche
	- Contactez-nous
	- Événements
	- Lexique média
	- Revue de presse
----------------------------------------------------------------- */



/*** LAYOUT ***/

#container {position: relative; margin:5px auto 40px; width:990px;}
*	#header {width: 100%; background: url(../images/engagements.gif) no-repeat right top;}
*	#blocSidebar_search {width: 185px; height:20px; position:absolute; right: 0px; top: 60px}
*	#menu {position:absolute; top:100px; right:0; width: 751px; height: 49px; background: url(../images/menu_background.gif) no-repeat bottom left;}
*	#main {width: 100%; position: relative; margin-top: 70px; border-right: solid 1px #2f3960; background: url(../images/content_border_right.gif) no-repeat top right;}
*	*	#mainLeft {float:left; display: inline; width: 735px; font-size: 1.1em;}
*	*   *	#left {float:left; display: inline; margin: 30px 0 0 10px; width: 480px;}
*	*   *	#right {float:left; display: inline; width: 235px; margin-left: 10px;}
*	*   #mainRight {float:left; display: inline; padding-left: 10px; padding-bottom: 70px; width: 220px; font-size: 1.1em}
*	#footer {clear:both; padding-top: 30px; width: 100%; background:  url(../images/footer_right.gif) no-repeat bottom right;  border-right: solid 1px #2f3960; }
*	#member { position:absolute; bottom:50px; right:35px; background:#fff;}


/*** HEADER ***/

#header h1 {display: none;}


/*** BORD MAIN RIGHT, SI HORS PAGE D'ACCUEIL ***/

.rightBorder #mainLeft {border-right: solid 1px #2f3960; margin-right:-1px}
.rightBorder #mainRight {background: url(../images/main_right_border.gif) no-repeat top left; padding-left: 9px; width: 210px; /*margin: 0;*/ border-left: solid 1px #2f3960}


/* SEARCH */

#blocSidebar_search table {margin:6px 0 28px;}
#blocSidebar_search table td {vertical-align:middle;}
#blocSidebar_search input {border: solid 1px #2f3960; margin:0 0 0 6px; padding:1px; width:152px;}
#blocSidebar_search input.inputBlur {background:transparent url(Images/search_input.gif) 3px center no-repeat;}
#blocSidebar_search .search-go {margin:0 5px 0;}
#blocSidebar_search a.button {padding:4px 15px; border:solid 1px #BBB; background-color:#fff; color:#db3b3c; font-weight:bold; font-size:1.1em; display:inline;}


/** MAIN PAGE **/

/* BLOC MAIN / À SURVEILLER */

#blocMain_ASurveiller {padding-bottom: 15px;}
#blocMain_ASurveiller .top {background: url(../images/surveiller_header_home.gif) no-repeat; width: 480px; height:25px; }
#blocMain_ASurveiller .top h2 {display: none;}


/* BLOC MAIN / DOSSIERS CHAUDS */

#blocMain_DossiersChauds {margin-top: 20px;}
#blocMain_DossiersChauds .top {width: 480px; height: 23px; background: url(../images/dossiers_chauds_header_home.gif) no-repeat bottom}
#blocMain_DossiersChauds .top h2 {display: none;}
#blocMain_DossiersChauds .content {width: 478px; border-right: solid 1px #2f3960; border-bottom: solid 1px #2f3960; border-left: solid 1px #2f3960; padding-bottom: 20px;}


/* MIDDLE CONTENT */

/* BLOC MAIN / COMPTE RENDU */

#blocMain_CompteRendu {width: 233px; background: url(../images/compte_rendu_border_right.gif) no-repeat 224px 10px}
#blocMain_CompteRendu .top { width: 225px; height:22px; background: url(../images/compte_rendu_header_home.gif) no-repeat left bottom;}
#blocMain_CompteRendu .top h3 {display: none;}
#blocMain_CompteRendu .content {width: 224px; padding-bottom:15px; border-bottom: solid 1px #2f3960; border-left: solid 1px #2f3960; border-right: solid 1px #2f3960;}


/* BLOC MAIN / REVUE DE PRESSE */

#blocMain_RevueDePresse {margin-top: 30px; width: 233px;}
#blocMain_RevueDePresse .top { width: 225px; height:22px; background: url(../images/revue_presse_header_home.gif) no-repeat left bottom;}
#blocMain_RevueDePresse .top h3 {display: none;}
#blocMain_RevueDePresse .content {width: 223px; padding-bottom: 15px; border-bottom: solid 1px #2f3960; border-left: solid 1px #2f3960; border-right: solid 1px #2f3960;}


/*** RIGHT CONTENT ***/

/* BLOC LOGIN BOX */

#bloc_Login {width: 210px; height: 89px; padding: 10px 0 0 10px; margin-top: 20px; background: url(../images/acces_membres_background.gif) no-repeat top;}
#bloc_Login .top {background: url(../images/acces_membres.gif) no-repeat top left; width: 108px; height: 11px; margin-bottom: 10px  }
#bloc_Login .top h3 {display: none;}
#bloc_Login .loginCredential {float: left; margin-top: 10px}
#bloc_Login br {margin-top: 10px}
#bloc_Login .button {margin-left: 5px;}
#bloc_Login .msgInfo {color: Red; font-weight:bold; margin-top: 10px; margin-bottom: 10px}
#bloc_Login .signOut * {display: block; text-align: center;}
#bloc_Login .signOut .userName {font-size: 1.2em; font-weight: bold; text-align: center; color: #2f3960; margin-top: 5px}
#bloc_Login .signOut p {font-weight: bold; text-align: center; color: #2f3960; margin: 2px 0 2px 0}


/* BLOC MAIN / ÉVÉNEMENTS */

#bloc_EvenementsRight {width: 199px; margin: 10px 0 0 10px;}
#bloc_EvenementsRight .top h3 {display: none;}
#bloc_EvenementsRight .top { width: 199px; height:22px; background: url(../images/evenements_header_home.gif) no-repeat left bottom;}
#bloc_EvenementsRight .content {width: 197px; border-bottom: solid 1px #2f3960; border-left: solid 1px #2f3960; border-right: solid 1px #2f3960;}


/* BLOC MAIN / ABONNEMENT AUX NOUVELLES*/
#bloc_Abonnement {margin: 15px 0 15px 10px; padding: 20px 0 0 10px; background: url(../images/nouvelles.gif) no-repeat top left;}
#bloc_Abonnement h3 {display: none;}

/* BLOC MAIN / AUTOPROMO */
#bloc_AutoPromo {border: solid 1px #2f3960; margin: 30px 0 0 10px; padding: 10px; width: 179px;}
#bloc_AutoPromo h3 {display: none;}
#bloc_AutoPromo h4 {font-size: 1.1em; font-weight: bold; color: #2f3960; margin-bottom: 10px}

/* BLOC MAIN / MEMBRE */
#member * {vertical-align: middle}
#member .logo_bec {}
#member .logo_cicq img {margin:0 0 0 25px;}


/* FOOTER */
#footer span { margin-right: 30px; padding-left: 10px; padding-top: 2px; display:block; background: #2f3960; height: 17px; color: white;}
#footer span a { color: white; text-decoration: none; }
#footer span a:hover { color: white; text-decoration: underline;}

/*** COMMUN/PAGE D'ACCUEIL ***/


/*** BLOC CONTENU ÉDITABLE ***/
#bloc_EditableRegion {margin-right: 20px}
#bloc_EditableRegion h2.head {display: none}


/*** BLOC À SURVEILLER ***/
#blocRight_ASurveiller {margin: 30px 0 0 10px;}
#blocRight_ASurveiller .top {width: 199px; height: 14px; background: url(../images/surveiller_header_right.gif) no-repeat;}
#blocRight_ASurveiller .top h3 {display: none;}
#blocRight_ASurveiller .content {width: 197px; border-bottom: solid 1px #2f3960; border-left: solid 1px #2f3960; border-right: solid 1px #2f3960;}


/*** BLOC DOSSIERS CHAUDS ***/
#blocRight_DossiersChauds {margin: 30px 0 0 10px;}
#blocRight_DossiersChauds .top {width: 199px; height: 14px; background: url(../images/dossiers_chauds_header_right.gif) no-repeat;}
#blocRight_DossiersChauds .top h3 {display: none;}
#blocRight_DossiersChauds .content {width: 197px; border-bottom: solid 1px #2f3960; border-left: solid 1px #2f3960; border-right: solid 1px #2f3960;}


/*** BLOC COMPTES RENDUS ***/
#blocRight_ComptesRendus {margin: 30px 0 0 10px;}
#blocRight_ComptesRendus .top {width: 199px; height: 14px; background: url(../images/compte_rendu_header_right.gif) no-repeat;}
#blocRight_ComptesRendus .top h3 {display: none;}
#blocRight_ComptesRendus .content {width: 197px; border-bottom: solid 1px #2f3960; border-left: solid 1px #2f3960; border-right: solid 1px #2f3960;}


/*** BLOC DU DÉTAIL D'UN DOCUMENT (COMPTE RENDU/ACTUALITÉS MÉDIA/DOSSIERS) ***/
#bloc_DocumentDetail {margin: 30px 20px 0 15px}
#bloc_DocumentDetail h2.head {font-size: 2em; font-weight: bold; color: #2f3960}
#bloc_DocumentDetail.lexiqueDetail h2.head {display: inline; font-size: 1.5em;}
#bloc_DocumentDetail.lexiqueDetail .top {width: 705px; height: 29px; background: url(../images/lexique_media_header.gif) no-repeat top left;  margin-bottom: 20px}
#bloc_DocumentDetail.lexiqueDetail p.formatting {display: inline;}
#bloc_DocumentDetail .retour {font-size: 1.1em; margin-top: 20px; line-height: 60px; font-weight: bold;}


/*** BLOC LISTE LONGUE DES ARTICLES (COMPTES RENDU, DOSSIERS CHAUDS, À SURVEILLER) ***/
#bloc_DocumentList {margin: 30px 20px 0 10px;}
#bloc_DocumentList .top h2 {display: none;}
#bloc_DocumentList.aSurveiller .top {width: 705px; height: 29px; background: url(../images/surveiller_header.gif) no-repeat;}
#bloc_DocumentList.dossiers .top {width: 705px; height: 29px; background: url(../images/dossiers_chauds_header.gif) no-repeat;}
#bloc_DocumentList.comptesRendu .top {width: 705px; height: 29px; background: url(../images/compte_rendu_header.gif) no-repeat;}
#bloc_DocumentList .pager {margin: 20px 0 0 20px}
#bloc_DocumentList .pager b {padding: 5px;}
#bloc_DocumentList .pager * {margin: 0 5px 0 5px}


/*** BLOC PAGE D'AUTHENTIFICATION ***/
#bloc_userAccount {margin:30px 0; font-size:1.1em; color: #2f3960}
#bloc_userAccount h2 {font-size: 2em; font-weight: bold; }
#bloc_userAccount table {width:60%;}
#bloc_userAccount table table {width:100%;}
#bloc_userAccount table table.login {width:60%;}
#bloc_userAccount table td {padding:5px 0}
#bloc_userAccount table td.td_left {width:40%; font-weight:bold;}
#bloc_userAccount table td.td_right {width:60%;}
#bloc_userAccount .label {margin:5px; display:block;}
#bloc_userAccount a {font-weight:bold;}
#bloc_userAccount a.button {padding:4px 15px; border:solid 1px #BBB; background-color:#fff; color:#2f3960; font-weight:bold; font-size:1.1em; display:inline;}
#bloc_userAccount a:hover.button {background-color:#2f3960; color:#fff; text-decoration:none;}
#bloc_userAccount input {padding:4px;}
#bloc_userAccount .msgInfo {margin:20px 0; width:70%; clear:both; font-weight:bold;}
#bloc_userAccount .changePassordLink {}
#bloc_userAccount .close { display:none;}


/*** BLOC SITEMAP ***/
#bloc_Sitemap {margin: 30px 10px 30px;}
#bloc_Sitemap .top {background: url(../images/sitemap_header.gif) no-repeat; width: 705px; height:29px; margin-bottom: 20px  }
#bloc_Sitemap .top h2 {display: none}
#bloc_Sitemap li {font-size:1.2em; _font-size:12px; font-weight:bold; padding:0 0 20px; _padding:0;}
#bloc_Sitemap li > ul li {font-size:0.9em; _font-size:12px; font-weight:normal; padding:0;}


/*** BLOC PAGE DE RECHERCHE ***/
#bloc_SearchPage {padding-top: 30px; margin-right: 20px}
#bloc_SearchPage h3 {font-size: 1.2em; font-weight: bold;}
#bloc_SearchPage h3 * {vertical-align: top}
#bloc_SearchPage .headSearch {/*padding-bottom: 30px; */ margin-bottom: 20px}
#bloc_SearchPage .headSearch label {color: #2f3960; font-size: 1.1em; font-weight: bold; margin-right: 10px}
#bloc_SearchPage .searchInput { font-size: 1.1em; font-weight: bold; padding: 4px; height: 1.6em; vertical-align: middle; }
#bloc_SearchPage .button {padding:6px 15px; border:solid 1px #BBB; background-color:#fff; color:#2f3960; font-weight:bold; font-size:1.1em; display:inline;}
#bloc_SearchPage .button:hover {background-color:#2f3960; color:#fff; text-decoration:none;}
/* bien que la liste de réponses soit de type boxList, nous surchargeons le margin-bottom */
#bloc_SearchPage li {margin-bottom: 20px}
#bloc_SearchPage .center_pager {text-align:center}
#bloc_SearchPage .selectedPrevNext {display: none}
#bloc_SearchPage .navigation {border-top: solid 1px #2f3960; padding-top: 20px;}
#bloc_SearchPage .selectedPage {padding: 5px 8px; font-weight: bold}
#bloc_SearchPage .description {margin-top: 20px;}


/*** BLOC CONTACTEZ-NOUS ***/
#bloc_Contact { margin: 30px 10px 30px;}
#bloc_Contact .top {background: url(../images/contactez_nous_header.gif) no-repeat; width: 705px; height:29px; }
#bloc_Contact .top h2 {display: none}


/*** BLOC ÉVÉNEMENTS ***/
#bloc_Evenements {margin: 30px 10px 30px; }
#bloc_Evenements .top {background: url(../images/evenements_header.gif) no-repeat; height:29px; margin-bottom: 20px  }
#bloc_Evenements .top h2 {display: none;}
#bloc_Evenements .calendar {float: left}
/* sous-bloc de liste du calendrier */
#bloc_Evenements .eventCalendar td {/*padding: 0;*/}
#bloc_Evenements .eventCalendar .Title {background:#000000 url(../images/genbackground.gif) repeat-x scroll left top; color: #ffffff; 	height: 35px; font-weight: bold; font-size:1.4em; /*vertical-align: middle;*/}
#bloc_Evenements .eventCalendar .Title * {text-align: center}
#bloc_Evenements .eventCalendar .Navigation {font-weight: bold;	width: 50px; padding-left: 10px; padding-right: 10px; padding-bottom:8px; vertical-align: middle;}
#bloc_Evenements .eventCalendar .DayHeader { height: 25px; background-color: #222222; color: White;	font-weight: bold; border-style: none; vertical-align: middle; font-size: 11px;}
#bloc_Evenements .eventCalendar .Day, #bloc_Evenements .eventCalendar .OtherMonth, #bloc_Evenements .eventCalendar .Weekend, #bloc_Evenements .eventCalendar .Today {height: 50px; padding: 3px; background-color: #eeeeee;	font-size: 11px;}
#bloc_Evenements .eventCalendar .Today {background-color: #222222; color: White; font-weight: bold;}
#bloc_Evenements .eventCalendar .Today a {color: White;	font-weight: bold; font-size: 11px;}
#bloc_Evenements .eventCalendar .ContentEvent a {margin-top: 3px; color: Orange; font-weight: bold;}
#bloc_Evenements .eventCalendar .OtherMonth {color: Gray; background-color: White;}
/* sous-bloc de liste des événements */
#bloc_Evenements .eventList {float: left; margin-left: 10px; width: 205px}
#bloc_Evenements .eventList .Header a {color: #ffffff; font-weight: bold;}
#bloc_Evenements .eventList img {border: solid 1px #cccccc;	padding: 3px;}
#bloc_Evenements .eventList .Address {font-size: 10px;}
#bloc_Evenements .eventList .Header { background:#000000 url(../images/genbackground.gif) repeat-x scroll left top;	color: #ffffff;	padding: 5px; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-top: solid 1px #cccccc;}
#bloc_Evenements .eventList .Body {padding: 0 5px 5px; border: solid 1px #cccccc;}
/* sous-bloc descriptif de l'événement */
#bloc_Evenements .eventDetail {border: solid 1px #BBB; margin-top: 10px; padding: 10px}
/* sous-bloc s'inscrire à l'événement  */
#bloc_Evenements .EventManagerRegistration {width: 250px}
#bloc_Evenements .EventManagerRegError, #bloc_Evenements .EventManagerRegInfo {display: block;}
#bloc_Evenements .EventManagerRegistration { margin-top: 20px; padding: 15px 20px 20px; border: solid 1px #BBB;/* padding: 10px*/}
#bloc_Evenements .EventManagerRegistration div {padding-top: 10px}
#bloc_Evenements .EventManagerRegTitle {font-weight: bold; font-size: 1.2em; color: #2f3960; display: block}


/*** BLOC LEXIQUE MÉDIA ***/
#bloc_LexiqueMedia {margin-top: 30px; margin-right: 20px}
#bloc_LexiqueMedia .top {width: 705px; height: 29px; background: url(../images/lexique_media_header.gif) no-repeat top left;  margin-bottom: 20px  }
#bloc_LexiqueMedia .top h2 {display: none;}
#bloc_LexiqueMedia .content {margin-left: 20px}
#bloc_LexiqueMedia .content li h4, #bloc_LexiqueMedia .content li p {display: inline;}
#bloc_LexiqueMedia .keys_lexicon_spacer {margin-top: 20px;}


/*** BLOC PAGE DE REVUE DE PRESSE ***/
#bloc_RevueDePresse {margin: 30px 20px 0 10px}
#bloc_RevueDePresse .top {width: 705px; height:29px; background: url(../images/revue_presse_header.gif) no-repeat left bottom;}
#bloc_RevueDePresse .top h2 {display: none}
#bloc_RevueDePresse .allArticles {display: none}