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

SITE :
www.cdmq.com

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

CONTENU :
- Reset CSS
- Fonts
- Links
- 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
- lien :hover : #6273AF

FONT :
- Général : Arial;

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


/*** 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}
a:hover {text-decoration:underline; color: #6273AF}
.linkButtonNumber {border: solid 1px #BBB; padding: 5px;}
.linkButtonPrevNext {border: solid 1px transparent; padding: 5px;}
.linkButtonNumber:hover, .linkButtonPrevNext:hover {border: solid 1px #BBB; text-decoration:none; background-color: #2f3960; color: White;}
.linkButtonNoDisplay {display: none;}
.imgLink a img {border:solid 1px #999;}
.imgLink a:hover img{ border:solid 1px #ed7603;}


/*** OPTIONS ***/

.date small {font-size: 0.9em; color: #7F7F7F; font-style: italic;}

/* Contenu: liste */
.contentList ul {padding: 10px 0; margin: 0 0 15px 15px;}
.contentList li {padding: 10px 0; margin: 0 10px 5px 16px;}
.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; display: block;}
.contentList .allArticles {margin: 10px 0 0 15px; text-decoration:none; font-size:110%; font-weight: bold;}

/* bordure d'une liste (pointillés) */
.listBorderBottom li {border-bottom: dotted 2px #ffae00;}


/* Box: liste */
.boxList ul {padding: 10px 0; margin: 0 20px 5px 15px;}
.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 .arrowBullet {padding-left: 15px; list-style: none url(../images/arrow.gif) }
.boxList .allArticles {margin-left: 15px; text-decoration:none; font-size:1.1em; font-weight: bold;}


/* 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 ul {padding: 10px 0; margin: 0 20px 5px 20px; list-style: none url(../images/arrow.gif)}
.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 {margin: 10px 0 15px 18px; font-size: 1.12em; font-weight: bold}


/*** 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;}