/*
Theme Name:
Theme URI:
Description:
Author: Mathieu Chartier
Author URI: http://kindoweb.com
Template: Base
Version: 1.0

.
Sources:
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––/
CSS Reset : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Typography : http://www.blueprintcss.org/
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––/
.

[Table Of Contents]

0- Reset
1- Globals Tags
	1.1- Headings
	1.2- Text elements
	1.3- Lists
	1.4- Tables
	1.5- Forms
	1.6- Links
		1.6.1- Header links
		1.6.2- Content links
		1.6.3- Aside Primary links
		1.6.4- Footer links
2- Global Structure init
3- Header
4- Content
	4-1 Formulaire
5- Aside Primary
6- Footer
7- Class
8- Microformats


*/

/* =0 Reset
-------------------------------------------------------------- */
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 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body {  color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }




/* =1 Globals Tags
-------------------------------------------------------------- */
html{ background:url(../images/backgrounds/bg-html.jpg) repeat-x #1f364b;}
body { background:url("../images/backgrounds/bg_bm411.jpg") no-repeat scroll center top transparent;height:794px;margin:0 auto;}
body#home  { background:url(../images/backgrounds/bg_bm411.jpg) center top no-repeat ;  height:794px; width:995px; position:relative; }
body#home #temp { background:url(../images/backgrounds/bg_bm411.jpg) center top no-repeat #fae4ad; text-indent:-9999px;  }


/* =1.1 Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; font-family:Arial, Helvetica, sans-serif;}
h1 { font-size: 3em; line-height: 1; margin:20px 0; font-family:"Century Gothic", sans-serif; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* =1.2 Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
a:focus, a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* =1.3 Lists
-------------------------------------------------------------- */
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }


/* =1.4 Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }


/* =1.5 Forms
-------------------------------------------------------------- */


/* =1.6 Links
-------------------------------------------------------------- */
a:link, a:visited { color: #333; }
a:hover { color: #111; }
a:active { color: #111; }
a[href$='.pdf'],
a[rel='pdf'],
a[rel*='pdf'],
a[rel~='pdf']{ padding-right: 18px; background: transparent url(icon_pdf.gif) no-repeat center right; }
a[href ^="mailto:"]{padding-right: 18px;background: transparent url(icon_mailto.gif) no-repeat center right;}
a[class ="popup"]{ padding-right: 18px; background: transparent url(icon_popup.gif) no-repeat center right; }
a[href$='.doc']{padding-right: 18px;background: transparent url(icon_doc.gif) no-repeat center right;}
a[href$='.xls']{padding-right: 18px;background: transparent url(icon_xls.gif) no-repeat center right;}
a[rel ~='external']{ padding-right: 18px; background: transparent url(icon_external.gif) no-repeat center right; }




/* =2 Global Structure
-------------------------------------------------------------- */
#site{ width:995px;   margin:0 auto;}
#header{ width:995px; height:325px;  margin:0 auto; position:relative;  background:url(../images/architecture/arc-header.jpg) repeat-x;}
#content{ width:690px; float:left; background:#f5efda; }
#content-primary{ width:580px; float:left; padding:50px 55px 55px;}
#aside_primary{ width:305px;  float:right;  background:url(../images/architecture/arc-aside.jpg) repeat-x #d9d9d9;}
#footer{ clear:both;   width:995px; background:#05132D; text-align:center; padding:10px 0;}




/* =3 Header
-------------------------------------------------------------- */
#header address { margin:0; padding:0;  }
#header address span { float:left; display:none; }
#header #propulse{ width:172px; height:63px; text-indent:-9999px; background:url(../images/textes/text-propulse.jpg) no-repeat; position:absolute; left:67px; top:202px;}
#header address .url{ left:60px; position: absolute; top:39px;}
#header #vision{ height:285px; width:715px; background:#009900; float:right; background:url(../images/vision/vision01.jpg) no-repeat;}
#header #nav-site-global{ position:absolute; bottom:0; height:41px; width:995px; background:url(../images/architecture/arc-nav-site-global.jpg) repeat-x;}
#header #nav-site-global ul{ clear:both; list-style:none; margin:0; padding:0;}
#header #nav-site-global ul li{ float:left;}
#header #nav-site-global ul li a{  font-size:16px; color:#fff; font-family:"Century Gothic", sans-serif; display:block; float:left;  line-height:41px;  text-align:center;}
#header #nav-site-global ul li.current a{ background:#f5efda; color:#231f20; cursor:default; text-decoration:none;}
#header #nav-site-global ul li a:hover{ background:#f5efda; color:#231f20;}
#header #nav-site-global ul li.reseau a{ position:absolute; right:0; background:#7a8275; width:305px; text-align:center; color:#FFFFFF; font-weight:bold;}
#header #nav-site-global ul li.reseau.current a{ background:#000000;}
#header #nav-site-global ul li.reseau a:hover{ background:#000000; color:#FFFFFF;}
#header #nav-site-global ul li a#nav-moteur{  width:222px;}
#header #nav-site-global ul li a#nav-maps{  width:108px;}
#header #nav-site-global ul li a#nav-link{  width:170px; }
#header #nav-site-global ul li a#nav-contact{  width:190px; }
#header #ads-header{ position:absolute; right:10px; top:20px;}




/* =4 Content
-------------------------------------------------------------- */
#newsletter{background:none repeat scroll 0 0 ;height:400px;position:absolute;right:105px;top:276px;width:222px; }
#newsletter p{ color:#cbcfd2; margin:28px; font-size:18px;}
#newsletter label{ color:#cbcfd2; margin:3px 0;}
#newsletter input{ margin:0 0 5px;;}
#newsletter form{margin:28px;}
#newsletter span.label,span.spacer,span.multiple span {width:120px;float:left;} 
#newsletter span.multiple {float:left;} 
#newsletter .button { margin-top:5px; background:#a81950;color:#cbcfd2; cursor:pointer; } 
#newsletter div.clear {clear:both;padding-top:5px;} 
h1 { float:left; padding:14px 55px 0px; font-size:28px; color:#a11e5a; height:42px; background:url(../images/architecture/arc-h1-background.gif) repeat-x; margin:0px; }

#home #info { clear:both; padding:25px; background-color:#ffffff; border-left:1px solid #fbf9f4; border-bottom:1px solid #f2f0ec; -webkit-box-shadow: 5px 5px 5px #d2cdbb; -moz-box-shadow: 5px 5px 5px #d2cdbb; box-shadow: 5px 5px 5px #d2cdbb; }
#home #gmap-info { width:525px; height:300px; border:1px solid black; }
#home ul { list-style-type:none; margin:0 0 20px 0; }
#home ul a { color:#a11e5a; }
#home li { padding-bottom:3px; }
#home h3 { font-size:18px; font-weight:bold; }
#home #image { margin-bottom:15px; }


/* =4.1 Calendrier
-------------------------------------------------------------- */
#calendrier #evenements { clear:both; padding:25px; background-color:#ffffff; border-left:1px solid #fbf9f4; border-bottom:1px solid #f2f0ec; -webkit-box-shadow: 5px 5px 5px #d2cdbb; -moz-box-shadow: 5px 5px 5px #d2cdbb; box-shadow: 5px 5px 5px #d2cdbb; }
#calendrier #evenements ul { list-style-type:none; margin:0 0 20px 0; }
#calendrier #evenements ul a { color:#a11e5a; text-decoration:none;}
#calendrier #evenements li { padding-bottom:20px; }
#calendrier #evenements h3 { font-size:18px; font-weight:bold; margin-bottom:0px;}
#calendrier #evenements p { margin-bottom:0px; }


/* =4.2 Contact
-------------------------------------------------------------- */
#contact #form-contact { clear:both; padding:25px; background-color:#ffffff; border-left:1px solid #fbf9f4; border-bottom:1px solid #f2f0ec;  height:390px; -webkit-box-shadow: 5px 5px 5px #d2cdbb; -moz-box-shadow: 5px 5px 5px #d2cdbb; box-shadow: 5px 5px 5px #d2cdbb; }
#contact #form-contact label { display:block; width:130px; }
#contact textarea,
#contact input { border:1px solid black; width:350px; background-color:#f5efda;}
#contact .button { width:130px; background-color:#60052a;}


/* =4.3 Liens pratiques
-------------------------------------------------------------- */
#liens #liste-de-liens { clear:both; padding:25px; background-color:#ffffff; border-left:1px solid #fbf9f4; border-bottom:1px solid #f2f0ec; -webkit-box-shadow: 5px 5px 5px #d2cdbb; -moz-box-shadow: 5px 5px 5px #d2cdbb; box-shadow: 5px 5px 5px #d2cdbb; }
#liens #liste-de-liens ul { list-style-type:none; margin:0; }


/* =4.4 Carte
-------------------------------------------------------------- */
#carte #gmap-lieu { clear:both; padding:25px; background-color:#ffffff; border-left:1px solid #fbf9f4; border-bottom:1px solid #f2f0ec; -webkit-box-shadow: 5px 5px 5px #d2cdbb; -moz-box-shadow: 5px 5px 5px #d2cdbb; box-shadow: 5px 5px 5px #d2cdbb; }
#carte #gmap { width:525px; height:434px; border:1px solid black; }
#carte #gmap a { color:#a11e5a; }
#carte select { background-color:#f5efda; border:1px solid black; width:200px; }


/* =4.5 Résultats de la recherche
-------------------------------------------------------------- */
#recherche #resultats { clear:both; padding:25px; height:600px; background-color:#ffffff; border-left:1px solid #fbf9f4; border-bottom:1px solid #f2f0ec; -webkit-box-shadow: 5px 5px 5px #d2cdbb; -moz-box-shadow: 5px 5px 5px #d2cdbb; box-shadow: 5px 5px 5px #d2cdbb; }
#recherche #resultats h3 { font-size:18px; font-weight:normal; margin-bottom:25px;}
#recherche #resultats dl { margin-bottom:10px; }
#recherche #resultats dt a { font-size:15px; font-weight:bold; color:#a11e5a; }

#recherche #resultats dt a.x4 { font-size:18px; font-weight:bold; background:#a11e5a; color:#fff; }
#recherche #resultats dt a.x3 {  }
#recherche #resultats dt a.x2 { font-size:14px; font-weight:bold; background:none; color:#000; }

#recherche #resultats dd { font-size:14px; font-weight:normal; margin-left:0;}
#recherche #resultats dd span { display:block;}
#recherche #resultats #pagination { position:absolute; top:1035px; }
#recherche #resultats #pagination strong { color:#ffffff; background-color:#283437; padding:3px 8px; }
#recherche #resultats #pagination a { border:1px solid #283437; color:#a11e5a; padding:2px 7px; text-decoration:none; }

#recherche #info { clear:both; padding:25px; background-color:#ffffff; border-left:1px solid #fbf9f4; border-bottom:1px solid #f2f0ec; -webkit-box-shadow: 5px 5px 5px #d2cdbb; -moz-box-shadow: 5px 5px 5px #d2cdbb; box-shadow: 5px 5px 5px #d2cdbb; }
#recherche #info #gmap-info { width:525px; height:300px; border:1px solid black; }
#recherche #info ul { list-style-type:none; margin:0 0 20px 0; clear:both;}
#recherche #info ul a { color:#a11e5a; }
#recherche #info li { padding-bottom:3px; }
#recherche #info h1 { font-size:18px; font-weight:bold; background:none; padding:0;}
#recherche #info #image { margin-bottom:15px; }


/* =4.6 Recherche
-------------------------------------------------------------- */
#recherche #tabs-1,
#recherche #tabs-2 { clear:both; padding:25px; height:230px; background-color:#ffffff; border-left:1px solid #fbf9f4; border-bottom:1px solid #f2f0ec; -webkit-box-shadow: 5px 5px 5px #d2cdbb; -moz-box-shadow: 5px 5px 5px #d2cdbb; box-shadow: 5px 5px 5px #d2cdbb; }
#recherche #tabs li a { float:left; padding:24px 20px 0px; font-size:16px; color:#231f20; height:44px; margin:0px; }
#recherche #tabs li.ui-tabs-selected a { float:left; padding:24px 20px 0px; font-size:16px; color:#231f20; height:44px; background-color:#ffffff; margin:0px; }
#recherche #tabs p { font-size:14px; height:55px; }
#recherche #tabs p.submit { padding:20px 0 0 200px; }
#recherche #tabs form label { display:block; }
#recherche #tabs form label.error { font-size:12px; color:red; }
#recherche #tabs select,
#recherche #tabs input {  border:1px solid black; width:350px; background-color:#f5efda;}
#recherche #tabs .button { width:130px; background-color:#60052a;}


/* =4.7 Tags
-------------------------------------------------------------- */
#tags #resultats { clear:both; padding:25px; height:565px; background-color:#ffffff; border-left:1px solid #fbf9f4; border-bottom:1px solid #f2f0ec; -webkit-box-shadow: 5px 5px 5px #d2cdbb; -moz-box-shadow: 5px 5px 5px #d2cdbb; box-shadow: 5px 5px 5px #d2cdbb; }
#tags #resultats h3 { font-size:18px; font-weight:normal; margin-bottom:25px;}
#tags #resultats dl { margin-bottom:10px; }
#tags #resultats dt a { font-size:15px; font-weight:bold; color:#a11e5a; }
#tags #resultats dd { font-size:14px; font-weight:normal; margin-left:0;}
#tags #resultats #pagination { position:absolute; top:1000px; }
#tags #resultats #pagination strong { color:#ffffff; background-color:#283437; padding:3px 8px; }
#tags #resultats #pagination a { border:1px solid #283437; color:#a11e5a; padding:2px 7px; text-decoration:none; }

/*
#tags #resultats dt a.x4 { font-size:18px; font-weight:bold; background:#a11e5a; color:#fff; }
#tags #resultats dt a.x3 {  }
#tags #resultats dt a.x2 { font-size:14px; font-weight:bold; background:#none; color:#000; }
*/




/* =5 Aside Primary
-------------------------------------------------------------- */
#ads-aside{ margin:25px 0 40px 26px;  clear:left;}
#nav-aside { list-style:none; margin:0; padding:0;  }
#nav-aside a,
#nav-aside a:visited{ background:#7a8275; width:305px; text-align:center; display:block;height:21px; color:#FFFFFF; padding:5px 0;}
#nav-aside a:hover { background:#333333; }
.bigbox{ margin:0 0 20px}

#aside_primary .button{ text-align:center; color:#FFFFFF; margin:100px 0 0 60px; }

#aside_primary #evenements-aside { padding:20px; }
#aside_primary #evenements-aside ul { list-style-type:none; margin:0 0 20px 0; }
#aside_primary #evenements-aside ul a { color:#a11e5a; text-decoration:none;}
#aside_primary #evenements-aside li { padding-bottom:20px; }
#aside_primary #evenements-aside ul h3 { font-size:18px; font-weight:bold; margin-bottom:0px;}
#aside_primary #evenements-aside p { margin-bottom:0px; }




/* =6 Footer
-------------------------------------------------------------- */
#footer p{ margin:0;}
#footer a{ color:#FFFFFF; text-decoration:none; font-size:10px; font-family: Arial, Helvetica, sans-serif;}




/* =7 Classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.right { float: right; }
.left { float: left; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
.red { color:red; }
.center { text-align:center; }
/*.gray { background:-moz-linear-gradient(center top , #888888, #60052A) repeat scroll 0 0 transparent; border:1px solid #555555; color:#FFFFFF; }
.gray:hover { background: #616161; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background: -moz-linear-gradient(top, #757575, #4b4b4b);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); }*/
.button  {
	-moz-border-radius:0.5em 0.5em 0.5em 0.5em;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	cursor:pointer;
	display:inline-block;
	float:left;
	font:14px/100% Arial,Helvetica,sans-serif;
	margin:15px 2px 15px 0;
	outline:medium none;
	padding:0.5em 2em 0.55em;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	vertical-align:baseline;
	background:#60052A;
}
a.button,
input.button{color:#FFFFFF;background:#60052A;}




/* =8 Microformats
-------------------------------------------------------------- */

/* =13 Tabs
-------------------------------------------------------------- */
.ui-tabs,
.ui-tabs .ui-tabs-nav { padding:0; }
.ui-widget-header, 
.ui-widget-content { background:none; border:none; }
.ui-state-active, .ui-widget-content .ui-state-active { border:none; background:none; }
.ui-state-default, .ui-widget-content .ui-state-default { border:none; background:url(../images/architecture/arc-tabs-background.gif) repeat-x; }
.ui-tabs .ui-tabs-nav li { margin:0px 15px 0px 0px }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size:14px; }