/*
THEME NAME: L27R 3Col (La 27e Region 2008)
THEME URI: http://www.la27eregion.fr/
DESCRIPTION: original theme for la27eregion.fr
VERSION: 0.1
AUTHOR: smtk
AUTHOR URI: http://www.fing.org
DATE: 14.04.2008
REVISION: 16.04.2008
*/

/*Imports additionnels*/
@import url('reset.css');/*remise a zero des valeurs par defaut pour tous navigateurs*/

/*GENERAL
------------------------------------------------------------------------------------------------ */
body {background: #ffffff url('../img/bg_Haut.png') repeat-x top; font-family: Arial, Helvetica, sans-serif; text-align:center; color:#51596E;}

/*Structure page*/
#page { clear:both; width:940px; margin:0 auto; text-align:left; }

/*Styles communs*/
a{ color:#0086AB; background:transparent;}
.lireLaSuite { display:block; text-align:right; font-size:0.6em; position:relative; top:-8px;}
.marginBottom20{ padding-bottom:20px;}
.marginBottomBorder{ border-bottom:1px solid #ddd; padding:0 0 8px 0px; width:90%; margin-left:15px;}
.clear { clear:both;}
.right{ float:right; margin-left:8px;}
.hautDePage { display:block; text-align:right; font-size:0.7em; margin-bottom:1.3em; }
.error{ color:red; background:transparent;}
.blocError{ padding:5px; background:#FFEFEF; color:red; font-size:0.9em;}
.center{ display:block; text-align:center; margin-bottom:8px;}
.voir{text-align:right; display:block;}
.center{text-align:center; margin:15px 0;}
.spip_doc_titre{font-size:12px;}
.spip_documents_center{text-align:center;}

#debug{ position:fixed; top:0; left:0; width:200px; background:yellow; font-size:0.7em; padding:2px; border:3px solid black;}

/*HEADER
------------------------------------------------------------------------------------------------ */
/*Bandeau haut*/
#bandeauHaut {float:right;height: 29px;}
#bandeauHaut a {padding:0 10px; text-decoration:none; color:#8E95A1; background:transparent; font-size:0.7em;}
#bandeauHaut a:hover { color:#EFEFEF; background:transparent;}

#header{clear:both; position:relative;width:940px;}
#header h1{ float:left;width:256px;  margin-top:25px; }
#header h1 img{ width:14.44em; height:7.19em;}
#header #baseline { float:left;width:410px; margin-top:25px;font-size:0.8em; font-weight:normal; font-style:italic; color:#bcc4c9; background:transparent; text-align:justify;}
#header #baseline strong { font-weight:bold; color:#8baac1;}

/*Recherche*/
#recherche{ margin-bottom:35px;}
#recherche input { background:#EDF1F4; color:#888; border:1px solid #C1CBD5; padding:4px; width:180px;}
#recherche input.bouton{ background:url('../img/btn_recherche.png') no-repeat left top; cursor:pointer; width:49px; height:29px; border:0;}

/*creative2009*/
#header #create2009{position:absolute;right:70px;top:5px;}

/*MENU*/
#header #menu { clear:both; position:relative;width:690px;left:250px; top:-28px;list-style-type: none; margin:6px 0 0 0;}
#header #menu li {display:inline;}
#header #menu li a{ font-size:1em; text-decoration:none; padding:10px; font-weight:bold; color:#505B6D; background:transparent; zoom:1;}
#header #menu li a:hover{ color:#59B0C7;}
#header #menu li a.on { border-bottom:4px solid #D4A7C2; color:#59B0C7; background:transparent;}
#header #menu li a.sepa {background:url('../img/deco_sepaGrise.gif') no-repeat right center;}

/*Mosaic*/
#mosaik { margin-top:2px;border:1px solid #D7DBDE; padding:2px 2px 2px 4px; width:57.90em; }
#mosaik img{ float:left; width:78px; height:78px; padding:0px; border:1px solid #4f5a6b; margin:2px;}

/*STRUCTURE MAIN*/
#main { width:935px;margin:25px 0 0 0; }

/*PAGE 
------------------------------------------------------------------------------------------------ */
/* COL GAUCHE */
#main #colGauche{ float:left; width:230px;}
#main #colGauche .block{ margin:0 0 4px 0;}
#main #colGauche h2 { background:transparent url('../img/bg_titreH2.png') no-repeat 0%; font-size:0.9em; line-height:27px; font-weight:bold; padding:0 12px; color:#BD73A1;font-variant:small-caps}
#main #colGauche h3 { font-size:0.85em; font-weight:bold;}
#main #colGauche p { margin:12px 3px 8px 3px; font-size:0.7em; text-align:justify;}
#main #colGauche ul { margin:5px 0 10px 0;}
#main #colGauche ul li{background:transparent url('../img/puce_violette.png') no-repeat left 5px;padding-left:18px;padding-bottom:2px; }
#main #colGauche ul li a {font-weight:bolder; font-size:0.7em; text-decoration:none; }
#main #colGauche ul li a:hover{ color:#00576F; background:transparent; text-decoration:underline;}
#main #colGauche .partenaires{position:relative;background:transparent url('../img/partenaires.png') no-repeat top; width:246px; height:67px;}
#main #colGauche .partenaires li{ padding:5px 0; background:none; /*border-bottom:1px solid #eee;*/}
#main #colGauche .partenaires li a img{ border:none;}

/*COL CENTRE*/
#main #centre{ float:left; width:422px; padding:0 5px 0 15px;}
#main #centre .blocActu {position:relative;}
#main #centre h2{ font-size:0.9em;background:transparent; color:#9F0A6C; font-weight:bold; }
#main #centre .blocActu h3 { font-size:1.1em; padding:1px 0 5px 1px;position:absolute;/*background:url('../img/transpa.gif') top;*/width:424px; top:120px; left:2px; text-align:right;}
#main #centre .blocActu h3 a{text-decoration:none; padding:2px 4px;color:#fff; text-weight:bold;background:#00608F; line-height:29px;border-top:2px solid #01405F; }
#main #centre .blocActu h3 a:hover{ color:#fff; background:#9F0A6C;}
#main #centre .blocActu h3 .a1{color:#fff; background:#9F0A6C; border-top:2px solid #73074E; }
#main #centre .blocActu h3 .a1:hover{ color:#fff; background:#00608F;}
#main #centre .blocActu img{ border:2px solid #4C5769; margin-bottom:4px; width:425px; height:178px}
#main #centre .blocActu p{ font-size:0.75em; text-align:justify; line-height:1.3em;}
#main #centre .blocActu p a{ color:#51596E; background:transparent; text-decoration:none;}
#main #centre .blocActu p a:hover{color:#0D709C; background:#F3FBFE;}
#main #centre h2.blog{ text-align:right; font-size:0.7em; color:#00608F; background:transparent; margin-top:6px;}

/*actu*/
#main #centre #news{ padding:6px 3px; background:#fff url('../img/bg_news.png') repeat-x top; margin-bottom:25px; border:2px solid #DBDBDB;}
#main #centre #news ul li { padding:7px 0; font-size:0.75em;}
#main #centre #news ul li a{  text-decoration:none; background:#9AB0D4; color:white;border-top:2px solid #7b97c4;}
#main #centre #news ul li a:hover { color:#fff; background:#7892BC;}
#main #centre #news ul.n1{float:left; width:210px;}
#main #centre #news p{ font-size:0.8em;}

/*Bas centre*/
#main #centre #docu{ background:transparent; margin:12px 0 46px 0; }
#main #centre #docu #flickr{float:left;margin:15px 0 0px 0; width:210px;}
#main #centre #docu #flickr h2 { font-size:0.8em;background:transparent; color:#9F0A6C; font-weight:bold; text-align:left; margin-bottom:3px;}
#main #centre #docu #flickr ul { padding-right:3px; }
#main #centre #docu #flickr ul li { padding:4px 0; font-size:0.75em;}
#main #centre #docu #flickr ul li a{ background:transparent;color:#27647F; }
#main #centre #docu #flickr ul li a:hover { color:#27647F; background:#FFEFFA;}
#main #centre #docu #flickr img { padding:2px; border:1px solid #eee;}
#main #centre #docu #player{ float:right; width:210px;margin:15px 0 0px 0; }
#main #centre #docu #player h2 { font-size:0.8em;background:transparent; color:#9F0A6C; font-weight:bold; text-align:right; margin-bottom:3px;}


/*COL DROITE*/
#main #colDroite{ float:right; width:250px; padding:0 0 0 0px;}
#main #colDroite h2 { background:transparent url('../img/bg_titreH2_2.png') no-repeat 0%; font-size:0.9em; line-height:27px; font-weight:bold; padding:0 12px; color:#BD73A1; text-align:left; font-variant:small-caps}
#main #colDroite h3 { font-size:0.8em; font-weight:bold; margin:5px 0 3px 0; margin-left:12px;}
#main #colDroite h3 a{ text-decoration:none; color:#00576F; background:transparent; padding:2px;}
#main #colDroite h3 a:hover{ color:#fff; background:#00576F;}
#main #colDroite p{ font-size:0.75em;text-align:justify;margin-left:12px; width:230px;}
#main #colDroite img {border:1px solid #D7DBDE; padding:2px;margin-left:12px;}
#main #colDroite ul{margin:10px 0 0 12px;}
#main #colDroite ul li { padding-bottom:6px;}
#main #colDroite ul li a { font-size:0.8em; line-height:22px;padding:0 0 0 20px; font-weight:bolder; color:#515D6D; text-decoration:none;}
#main #colDroite ul li a:hover{ text-decoration:underline;}
#main #colDroite ul li a.rss{ background:transparent url('../img/icone_rss.png') no-repeat left; }
#main #colDroite ul li a.flickr{ background:transparent url('../img/icone_flickr.png') no-repeat left;}
#main #colDroite ul li a.yt{ background:transparent url('../img/icone_youtube.png') no-repeat left;}

/*modules sur page interieures*/
#main #colDroite .block{ margin:0 0 22px 0;width:250px;}
#main #colDroite #video { display:block;padding:16px 0 0 7px;}
#main #colDroite #video small{ text-align:justify; font-size:0.7em; color:#A7AEBF; background:transparent;}
#main #colDroite #video h3 { margin:0; padding:0 0 4px 0; font-size:0.7em; text-align:center;}
#main #colDroite #video object{ padding:0; margin:0;}


/*partenaires*/
#main #colDroite ul.partenaires{ text-align:center; margin:0 0 30px 0;}
#main #colDroite ul.partenaires li{ padding:5px 0; background:none;}
#main #colDroite ul.partenaires li a img{ border:none;}
#partenaires{position:relative;background:transparent url('../img/partenaires.png') no-repeat top; width:246px; height:67px;}
#partenaires li{ position:absolute; top:0;}
#partenaires li.fing a,#partenaires li.europe a,#partenaires li.cdd a{ display:block; height:67px;}
#partenaires li.fing{ left:0;width: 81px;}
#partenaires li.europe{left:85px;width: 75px;}
#partenaires li.cdd{left:176px;width: 66px;}

/*tags*/
#main #colDroite #tags ul.nuage {width:250px !important;}
#main #colDroite #tags ul{ margin:8px 0 0 0; padding:0;width:250px !important; text-align:justify;}
#main #colDroite #tags ul li { padding:3px 2px;display:inline; }
#main #colDroite #tags ul li a { margin:0; padding:0;}
#main #colDroite #tags ul a { color:#0086AB; background:transparent;}
/* variantes */
#main #colDroite #tags ul a.nuage0  { font-size: 12px; }
#main #colDroite #tags ul a.nuage1  { font-size: 13px; }
#main #colDroite #tags ul a.nuage2  { font-size: 14px; }
#main #colDroite #tags ul a.nuage3  { font-size: 15px; }
#main #colDroite #tags ul a.nuage4  { font-size: 16px; }
#main #colDroite #tags ul a.nuage5  { font-size: 17px; }
#main #colDroite #tags ul a.nuage6  { font-size: 18px; }
#main #colDroite #tags ul a.nuage7  { font-size: 19px; }
#main #colDroite #tags ul a.nuage8  { font-size: 20px; }
#main #colDroite #tags ul a.nuage9  { font-size: 21px; }
#main #colDroite #tags ul a.nuage10 { font-size: 22px; }

/*derniers commentaires*/
#main #colDroite #lastCom ul{margin:0}
#main #colDroite #lastCom ul li {padding:0px 12px 6px 20px; border-bottom:1px solid #b6d8eb; background:url('../img/deco_commentaires.png') no-repeat left 5%; margin:6px 0 0 0;}
#main #colDroite #lastCom ul li a { padding:0; margin:0; font-weight:normal; background:#eeeff4;}
#main #colDroite #lastCom ul li small{ font-size:80%; color:#677383; background:transparent; font-weight:normal;}

/*liste liens sidebar*/
#main #colDroite .listeLiens ul {padding:0 3px;line-height:0.8em;}
#main #colDroite .listeLiens ul li { list-style-position:outside; padding:0px 12px 6px 0px; border-bottom:1px solid #ddd; margin-bottom:4px;}
#main #colDroite .listeLiens ul li a{ padding:1px; font-weight:normal; margin:0;}
#main #colDroite .listeLiens ul li a:hover{ padding:1px; font-weight:normal; margin:0; background:#e7f4fb;}
#main #colDroite .listeLiens ul li small{margin:0 0 0 8px; color:#ccc; background:transparent; font-style:italic; font-size:0.7em;}

#main #colDroite .flickr h2{ margin-bottom:12px;}

/*rubriques*/
#main #colDroite .rubriques li{ background:url('../img/puce_rd_violette.png') no-repeat left 50%; padding:0}
#main #colDroite .rubriques li a{ padding:0 0 0 18px;}
#main #colDroite .rubriques small{ margin:0 0 0 8px; color:#ccc; background:transparent; font-style:italic; font-size:0.7em;}

/*CONTENT (type blog)*/
#main #content { float:left; width:672px;}
#main #content h2 { font-size:1.7em; padding:2px;}
#main #content .billet { border:1px solid #eee; padding:10px 28px 10px 20px; margin-bottom:22px;}
#main #content .billet .com{ text-align:right; font-size:0.8em; margin:25px 0 18px 0;}
#main #content .billet strong { font-weight:bold;}
#main #content h2 a{text-decoration:none; padding:2px;}
#main #content h2 a:hover{ color:#fff; background:#00608F;}
#main #content h3 { color:#AF5790; background:transparent; font-weight:bold; font-size:1.1em; margin:22px 0 8px 0;}
#main #content small{ padding:0 0 25px 2px; font-size:0.7em; display:block; margin-left:85px;}
#main #content p { font-size:0.8em; line-height:1.5; margin-bottom:1em;}
#main #content p a{ color:#27587F; background:#EFF6FC; padding:1px; border-bottom:1px dashed #4f5a6b; text-decoration:none;}
#main #content p a:hover{ color:#27587F; background:#CFE9FF;border-bottom:1px solid #4f5a6b;}
#main #content img { border:2px solid #4C5769;}
#main #content .spip_documents_right { padding-left:6px;}
#main #content .spip_documents_left { padding-right:8px;}
#main #content .spip_documents_center {display:block; text-align:center;}
#main #content .spip_documents_center dt{text-align:center;}
#main #content .spip_documents_center img{ border:none; margin:5px 0;}
#main #content .spip_documents strong{font-size:11px;}
#main #content ul { font-size:0.75em; margin:12px 0 10px 1.3em; line-height:1.4em;} 
#main #content ul li { background:url('../img/puce_bleueFonce.png') no-repeat left 5px; margin-bottom:0.9em; padding:0 0 0 1em;}
#main #content ul li a{color:#27587F; background:#EFF6FC; padding:1px; border-bottom:1px dashed #4f5a6b; text-decoration:none;}
#main #content ul li a:hover{ color:#27587F; background:#CFE9FF;border-bottom:1px solid #4f5a6b;}


/*BLOG commentaires*/
#main #content #commentaires{ text-align:left; margin:85px 0 0 0;}
#main #content #commentaires h3{background:#FBFBFB;	padding: 5px;margin: 30px 0 25px 0;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;font-size:1em;	color:#3E6B8F;}
#main #content #commentaires .comText { margin:6px 0 0 35px; border-left:5px solid #DFDFDF; padding:0 0 0 12px;}
#main #content #commentaires .comText.on {  border-left:5px solid #af5790;}
#main #content #commentaires .comText h4{padding:0pt; font-weight:bold; font-size:0.8em; }
#main #content #commentaires p.decalCom {line-height:1.5em; font-size:0.8em;margin:0pt 0pt 15px 106px;padding:0pt;}
#main #content #commentaires .info{ display:block;position:relative; font-size:0.8em;}
#main #content #commentaires .info strong {color:#AB0066; background:transparent;}
#main #content #commentaires .info small{ display:inline; margin:0; padding:0; color:#777; background:transparent;}
#main #content #commentaires ol {list-style-image:none;list-style-position:outside;list-style-type:none;}
#main #content #commentaires ol li{border-bottom:4px solid #F0F0F0;margin:15px 0 8px 15px;}


#main #content #formulaire_com {  background:#EFF4FF; margin:62px 0 35px 0; padding:0px 12px;border:1px solid #D1DAEF}
#main #content #formulaire_com h3{font-size:0.9em; background:transparent; border:0; padding:2px; margin:8px 0 24px 0; color:#51596E; background:transparent;}
#main #content #formulaire_com textarea{ width:576px; font-size:0.8em; font-family:Arial, Helvetica, sans-serif; color:#555; background:#fff; margin:12px 0 0 0; padding:2px; }
#main #content #formulaire_com input{ color:#555; background:#fff; padding:2px;}
#main #content #formulaire_com fieldset{padding:0 6px; margin:8px 0 0 0;}
#main #content #formulaire_com .spip_bouton{ text-align:center; padding:12px 0;}
#main #content #formulaire_com small{ margin:0; padding:0; font-size:0.8em !important; width:520px;}
#main #content #formulaire_com .previsu{ background:#F4F7FE !important; margin-bottom:25px;}
#main #content #formulaire_com p { margin:0; padding:6px 0 0 0; }
#main #content #formulaire_com label{ margin:10px 0 0 0;  }
#main #content #formulaire_com fieldset{ border:1px solid #D1DAEF; padding-bottom:14px;}

#main #content #documents_joints { margin-top:30px;clear:both;}
#main #content #documents_joints small{ display:inline; margin:0; padding:0; font-size:100%;}
#main #content #documents_joints p { width:350px;}

/*dates*/
#main #content .date{  background: #AF5790 url('../img/bg_date.png') repeat-x; color: #fff;  text-align: center;  line-height: 1.4em;  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;  padding: 1px;  width: 3.8em;}
#main #content .dateBorder {  display: inline;  padding: 1px;  float: left;  margin-right: 1em;  background: #D1D7DF;
  border: 1px solid #0188A8;}
#main #content .date span { display: block; }
#main #content .dateJ{  font-weight: bold;  font-size: 2em;  line-height: .8em;}
#main #content .dateM { font-size: 1.2em;  letter-spacing: .1em;  padding-left: .2em }
#main #content .dateA { font-size: .8em;  line-height: 1em;letter-spacing: .2em; padding:3px 0 4px 0;}

/*pagination*/
#main #content .pagination{ text-align:center; margin-bottom:22px; font-size:0.9em;}
#main #content .pagination a{ display:inline; text-decoration:none; color:#fff; background:#8395BF; padding:3px;}
#main #content .pagination a:hover{color:#fff; background:#0086AB;}

/*PAGES COMMUNES*/
#main #content #pageCommune{border:1px solid #eee;  padding:10px 28px 10px 20px; }
#main #content #pageCommune h2{ margin:0px 0 6px 0; }
#main #content #pageCommune h3{ background:url('../img/puce_h2Violette.png') no-repeat left; padding-left:18px; margin-top:1.5em;border-bottom:1px solid;}
#main #content #pageCommune p.chapo{ color:#4F709F; background:transparent; font-weight:bold; padding-bottom:22px;padding-top:4px;}
#main #content #pageCommune img {border:none;}

/*defis*/
#main #content #pageCommune .defis{float:left; width:284px; border:1px solid #eee; padding:3px; margin:0 14px 24px 0; height:195px;}
#main #content #pageCommune .defis h3{ font-size:0.9em; background:none; padding:0; margin:4px 0 0 0;}
#main #content #pageCommune .defis h3 a { text-decoration:none; padding:2px;}
#main #content #pageCommune .defis h3 a:hover{ background:#9f0a6c; color:#fff;}

/*recherche*/
#main #content .pageRecherche h2 { background:none;}
#main #content .pageRecherche h3{ background:none; font-weight:normal;}
#main #content .pageRecherche small { margin:0 0 6px 15px; padding:0;}
#main #content .pageRecherche p { margin:0; padding:0;}
#main #content .pageRecherche .spip_surligne { font-weight:bold; background:#9f0a6c; color:#fff; padding:2px;}


/*FOOTER
------------------------------------------------------------------------------------------------ */
#footer { clear:both;background:transparent url('../img/bg_footer.png') repeat-x top; height:30px; margin:25px 0 0 0; }
#footer #contenuFooter{font-size:0.7em;margin:0 auto;padding:10px 0pt 0pt;width:940px;}
#footer #contenuFooter span.gauche { float:left;text-align:left;color:#fff;}
#footer #contenuFooter ul.droite { float:right;}
#footer #contenuFooter ul.droite li { display:inline; padding:0 5px;}
#footer #contenuFooter ul.droite li a {color:#8E95A1; background:transparent; text-decoration:none;}
#footer #contenuFooter ul.droite li a:hover {color:#EFEFEF; background:transparent;}

#ssFooter{ height:20px;}
#ssFooter p { font-size:0.7em; color:#C2C7CF; background:transparent;}