/* ---[ master.css ]---------------------------------------------

SITE :
www.cdmq.com

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

CONTENU :
- Reset CSS
- Fonts
- Links
- Layout
- Header
- Options (list/box list/inline list)
- Google reader
- Images
- Textboxes
- Reserved article lock
- Search box
- Formulaire

CODES COULEURS :
- orange, puces, séparateur : #ffae00
- bleu, texte principal : #2f3960
- ombrage des titres : 

FONT :
- Général : Arial 10pt

----------------------------------------------------------------- */

/***************************************** MASTER *****************************************/
/*** RESET CSS ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
a:focus {outline: dotted 1px;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
hr {display:none;}


/*** FONTS - relative 62.5% = 10 px ***/

body {font:68.75% arial,sans-serif; }
table {font-size:inherit; font:100%}
select,input,button,textarea {font:99% arial,sans-serif}
pre,code,kbd {font:115% monospace; word-spacing:1px; letter-spacing:1px; font-size:100%}
h1,h2,h3,h4,h5,h6 {font-size:100%}


/*** UTILS ***/

.clearFix {font-size:0; width:100%; height:0; clear:both;}


/*** LINKS ***/

a {text-decoration:none; color:#2f3960}
.linkButtonNumber {border: solid 1px #BBB; padding: 5px;}
.linkButtonPrevNext {border: solid 1px transparent; padding: 5px;}
.linkButtonNoDisplay {display: none;}
.imgLink a img {border:solid 1px #999;}


/*** LAYOUT ***/

#container {width:100%; position:relative;}
*	#header {}
*	#blocSidebar_search {display: none;}
*	#menu {display: none;}
*	#main {}
*	*	#mainLeft {font-size: 1.1em}
*	*   *	#left {}
*	*   *	#right {}
*	*   #mainRight {display: none}
*	*	#mainRightBottom {display: none}
*	*	*	#member { margin-top: 30px }
*	#footer {}
*	#sitemap {display:none}


/*** HEADER ***/

#header h1 {display: none;}

/*** FOOTER (Copyright seul) ***/

#footer span a {display: none;}


/*** OPTION ***/

/* Contenu: liste */
.contentList li {padding: 10px 0; margin: 0 10px 5px 0;}
.contentList h3 {margin-bottom: 10px}
.contentList h3 a {font-size: 1.2em; font-weight: bold;}
.contentList .teaser {margin-top: 10px; font-size: 1.05em}
.contentList .date {margin-top: 10px}
.contentList .allArticles {display: none}


/* Box: liste */
.boxList li {padding: 5px 0;}
.boxList h4 {margin-bottom: 6px; font-size: 1.1em; font-weight: bold; color: #2f3960}
.boxList h4 a {font-size: 1.1em; font-weight: bold;}
.boxList .teaser {margin-top: 5px; font-size: 1.03em}
.boxList .location {margin-top: 5px}
.boxList .date {margin-top: 5px}
.boxList .allArticles {display: none}


/* Inline list */
.inlineList {list-style-type: none;}
.inlineList li {display:inline;}
.inlineList li h3 {display:inline; font-size: 1.05em; font-weight: bold}

.separator {color: Gray;}


/* GOOGLE READER */
.googleReader li {margin-bottom: 15px}
.googleReader a.i { color:#2f3960; font-weight: bold; font-size: 1.1em}
.googleReader .s, .presse_details .s {margin-top: 2px; font-size:0.9em; color:#666;}
.googleReader .s a, .presse_details .s a {font-weight:normal;}
.googleReader .f, .presse_details .f {display:none;}
.allArticles {display: none}


/*** IMAGES ***/

.thumbnail img {float: left; margin-right: 20px;}


/*** TEXTBOXES ***/

.regularSize {width: 135px;}


/*** RESERVED ARTICLES LOCK ***/

img.lock {margin-right: 5px;}


/*** SEARCH BOX ***/
.searchBox {height: 16px;}

/*** FORMULAIRES ***/

.form input[type=text] {padding: 3px; color:#04274b; font-size:1.1em; border: solid 1px #ccc;}
.form input[type=text]:focus {border: solid 1px #3482a9; outline: solid 1px #83c4e4;}
.form textarea {padding: 3px; color:#04274b; font-size:1.1em;border: solid 1px #ccc;}
.form textarea:focus {border: solid 1px #013572; outline:solid 1px #83c4e4;}
.form select {padding: 0; color:#04274b; font-size:1.1em; border:solid 1px #B2B3B5;}
.form select:focus {border:solid 1px #0567cb;}
.form input[type=submit], .form .submit {padding: 3px 6px; color:#04274b; font-size:1.1em; font-weight:bold;}
table.form td.label { width:110px; vertical-align:top; padding: 11px 10px 2px 0; font-weight:bold; text-align:right;}
table.form td.input { width:250px; vertical-align:top; padding: 6px 0;}
table.form td.error { padding: 2px 0 0 10px;}
table.form td.error * { font-weight:bold; color:#c02e43 !important; font-size:11px !important;}
table.form td td {padding:0; vertical-align:top;}
table.form a.submit {padding:4px 15px; border:solid 1px #ccc; background-color:#fff; color:#2f3960; font-weight:bold; font-size:1.1em; display:inline;}
table.form a:hover.submit {background-color:#2f3960; color:#fff; text-decoration:none;}
table.form a:focus.submit {outline: solid 1px #83c4e4;border: solid 1px #3482a9;}
/***************************************** MASTER *****************************************/


/****************************************** BLOCS *****************************************/
/** MAIN PAGE **/

/* BLOC MAIN / À SURVEILLER */

#blocMain_ASurveiller h2 {margin: 36px 0 10px; font-weight: bold; font-size: 1.5em; color: #2f3960}


/* BLOC MAIN / DOSSIERS CHAUDS */

#blocMain_DossiersChauds {margin: 20px 0  20px;}
#blocMain_DossiersChauds h2 {margin: 36px 0 10px; font-weight: bold; font-size: 1.5em; color: #2f3960}
#blocMain_DossiersChauds .content {padding-bottom: 20px;}


/* MIDDLE CONTENT */

/* BLOC MAIN / COMPTE RENDU */

#blocMain_CompteRendu {margin: 20px 0  20px;}
#blocMain_CompteRendu h3 {margin: 36px 0 10px; font-weight: bold; font-size: 1.3em; color: #2f3960}


/* BLOC MAIN / REVUE DE PRESSE */

#blocMain_RevueDePresse {margin-top: 30px;}
#blocMain_RevueDePresse h3 {margin: 36px 0 10px; font-weight: bold; font-size: 1.3em; color: #2f3960}


/* FOOTER */
#footer {margin-top: 30px;}

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


/*** BLOC CONTENU ÉDITABLE ***/
#bloc_EditableRegion {margin-right: 20px; margin-top: 30px}
#bloc_EditableRegion h2.head {font-weight: bold; font-size: 2em; color: #2f3960}


/*** BLOC À SURVEILLER ***/
#blocRight_ASurveiller {margin: 30px 20px 0 0;}
#blocRight_ASurveiller h3 {margin: 36px 0 10px; font-weight: bold; font-size: 1.3em; color: #2f3960}


/*** BLOC DOSSIERS CHAUDS ***/
#blocRight_DossiersChauds {margin: 30px 20px 0 0;}
#blocRight_DossiersChauds h3 {margin: 36px 0 10px; font-weight: bold; font-size: 1.3em; color: #2f3960}


/*** BLOC COMPTES RENDUS ***/
#blocRight_ComptesRendus {margin: 30px 20px 0 0;}
#blocRight_ComptesRendus h3 {margin: 36px 0 10px; font-weight: bold; font-size: 1.3em; color: #2f3960}


/*** BLOC DU DÉTAIL D'UN DOCUMENT (COMPTE RENDU/ACTUALITÉS MÉDIA/DOSSIERS) ***/
#bloc_DocumentDetail {margin: 30px 20px 0 0}
#bloc_DocumentDetail h2.head {font-size: 2em; font-weight: bold; color: #2f3960}
#bloc_DocumentDetail .retour {font-size: 1.1em; font-weight: bold}


/*** BLOC LISTE LONGUE DES ARTICLES (COMPTES RENDU, DOSSIERS CHAUDS, À SURVEILLER) ***/
#bloc_DocumentList {margin: 30px 20px 0 0;}
#bloc_DocumentList h2 {margin: 36px 0 10px; font-weight: bold; font-size: 2em; color: #2f3960}
#bloc_DocumentList .pager {display: none}


/*** BLOC PAGE D'AUTHENTIFICATION ***/
#bloc_userAccount {margin:30px 0; font-size:1.1em; }
#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; display:block;}
#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 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 20px;}
#bloc_Sitemap h2 {margin: 36px 0 10px; font-weight: bold; font-size: 2em; color: #2f3960}
#bloc_Sitemap li {font-size:1.2em; _font-size:12px; font-weight:bold;}
#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 {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 0;}
#bloc_Contact h2 {font-size: 1.2em; font-weight: bold; color: #2f3960}


/*** BLOC ÉVÉNEMENTS ***/
#bloc_Evenements {margin: 30px 10px 30px 0; }

#bloc_Evenements h2 {font-size: 2em; font-weight: bold; color: #2f3960}
#bloc_Evenements hr {display: none}
/* 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 {margin-top: 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; padding: 10px}
/* sous-bloc s'inscrire à l'événement  */
#bloc_Evenements .EventManagerRegistration {width: 250px}
#bloc_Evenements .EventManagerRegError {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;}
#bloc_LexiqueMedia h2 {margin-bottom: 20px; font-size: 2em; font-weight: bold; color: #2f3960}
#bloc_LexiqueMedia .keys_lexicon_spacer {margin-top: 20px;}


/*** BLOC PAGE DE REVUE DE PRESSE ***/
#bloc_RevueDePresse {margin: 30px 20px 0 0}
#bloc_RevueDePresse h2 {margin-bottom: 20px; font-weight: bold; font-size: 2em; color: #2f3960;}
#bloc_RevueDePresse .allArticles {display: none}
/****************************************** BLOCS *****************************************/


/*************************************** FORMATTING ***************************************/
/*** TEXT ***/

/* général */
.formatting {line-height: 1.4em; margin-top: 30px; font-size: 1.1em}

/* paragraphes */
.formatting p {margin:0 0 10px;}

/* niveau de titres */
.formatting h1 {margin:10px 0 25px; font-size:2.2em; font-weight:bold;}
.formatting h2 {margin:7px 0 18px; font-size:2em; font-weight:bold; color:#2f3960 /* temp */;}
.formatting h3 {margin:7px 0 18px; font-size:1.5em; font-weight:bold; color:#2f3960;}
.formatting h4 {margin:5px 0 14px; font-size:1.3em; font-weight:bold;}
.formatting h5 {margin:0 0 10px; font-size:1.2em; font-weight:bold;}
.formatting h6 {margin:0 0 10px; font-size:1em; font-weight:bold;}

/* listes */
.formatting ul {padding:0 0 10px; list-style-position:outside;list-style-type:disc;}
.formatting ol {padding:0 0 10px; list-style-position:outside;list-style-type:decimal;}
.formatting li {margin:5px 0 0 35px;}
.formatting ul li > ul li {list-style-type:circle;}

/* tableaux */
.formatting table td, .formatting table th {padding: 6px;}
.formatting table th {font-weight:bold; font-size:1.1em;}
.formatting table caption {text-align:center; font-size:0.9em; font-weight:bold;}
.formatting table.tableNoFormating {background-color:inherit; border:none;}
.formatting table.tableNoFormating td {padding:0; border:none;}

/* alignement des images */
.formatting img.imgLeftInContent, .formatting .imgLeftInContent img {float:left; margin:0 10px 10px 0;}
.formatting img.imgRightInContent, .formatting .imgRightInContent img {float:right; margin:0 0 10px 10px;}

/* mise en forme générique */
.formatting strong, .formatting b {font-weight:bold}
.formatting em, .formatting i {font-style: italic;}
.formatting big {font-size:1.3em;}
.formatting small {font-size:0.9em;}

/* texte supprimé ou inséré */
.formatting del {text-decoration:line-through; color:#c02e43;}
.formatting ins {border-bottom:dashed 1px #013572; text-decoration:none;}

/* indice ou exposant */
.formatting sup, .formatting sub {height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative;}
.formatting sup {bottom:1ex;}
.formatting sub {top:.5ex;}

/* sigle, citation, définitions */
.formatting blockquote {padding: 5px; background-color: #f1f1f1; font-style: italic;}
.formatting abbr, .formatting acronym, .formatting span.abbr {cursor: help; border-bottom: 1px dotted #013572;}
.formatting cite:before, .formatting q:before {content: open-quote;}
.formatting cite:after, .formatting q:after {content: close-quote;}
.formatting cite, .formatting q {font-style:italic; color:#013572;}
.formatting dfn {color:#013572; font-weight:bold;}

/* saut de ligne */
.formatting hr {display:block; color:#fff; height:1px; background:#fff; border-top: solid 1px #7993b1;}
/*************************************** FORMATTING ***************************************/