/* -----------------------------------------------------------
Author : Pierre Bourgeois
Email : pbcomweb@gmail.com
URL :  http://pierrebourgeois.org

MAJ: 2012
Author: Myriam-Zaa Normadnin
Email: info@zaa.cc
URL: www.zaa.cc



Rouge #C41230; 
-------------------------------------------------------------- */

/* Reset
-------------------------------------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse;border-spacing: 0;}
fieldset, img, abbr {border: 0;}
address, caption, cite, code, dfn, em, var {font-weight: normal;font-style: normal;}

/* Elements de base
-------------------------------------------------------------- */
html * { font-size: 100.01% }
body { 
	font-size: 10pt;  /*(0.625 * 16px = 10px)*/ 
	background: #C0C0C0; margin:0; padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif; color: #000;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; text-align: left;}

h1 { margin:0; padding: 0 0 10px 0; color:#000; font-weight:bold; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size:17pt; }
h2  {font-size: 14px; color:#666; padding:0; line-height: 1; margin-bottom: 6px; position: relative; top: -4px; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; display:inline;  }
.titre-bloc, .titre-bloc a {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	padding:5px 0 0 0;
	font-size:17pt;
	color:#000000;
	}
.rouge, .rouge a {
color:#C41230; 
}

h3, h3 a { font-size: 19px; font-weight:bold; color:#C41230; font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif; font-style:italic;}
h3.spip { font-size: 17px; font-weight:bold; color:#C41230; font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif; font-style:italic; padding:7px 0 3px 0;}
h4 { font-size: 13px;}
.entry-title {
	font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

p { line-height: 1.2em; margin: 0 0 10px 0; text-align: left; }
p, li, dt, dd { font-size: 13px; }
ul, ol { list-style-type: none; margin: 0; padding: 0; }
ul li {padding:0 0 20px 0;}
.strong {font-weight:bold;}

img {border: none; }
.spip_logos {}
hr { height: 1px; border-top:1px dotted #CCC; }

.menu .texte a, #aside .texte a, .aside .texte a {color: #000; text-decoration:none; }
.menu .texte a:hover, #aside .texte a:hover, .aside .texte a:hover { color: #666; text-decoration:over; }

.top {float:right;}


.texte p { line-height: 18px; margin: 0 0 10px 0; text-align: left; font-size:15px;}
.texte a, .hyperlien a, .chapo a {color: #C41230; text-decoration:none; }
.texte a:hover, .hyperlien a:hover, .chapo a:hover { color: #666; text-decoration:over; }
.author {font-size:13px; color:#000; font-weight:bold;}
.date {line-height: 1; margin: 0; text-transform: normal; color:#666666;font-size:13px;}
.notes p { font-size:0.85em;}

.left { float: left; display:inline; }
.right { float: right; display:inline; }
.center { text-align:center; margin: 0.5em auto }
.hide { display: none; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.clear {clear: both}
.lireplus a {
	font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif;
	font-weight: bold; color: #ffffff; text-decoration: none;
	font-size:50px; 
	
	display: block;
	}
.top {padding-top:100px;}
a.pub img {margin-bottom: 19px;}
.col h2 img {float: none; margin:0; padding: 0;}
p.journal_date, p.journal_auteur {text-transform:uppercase; font-size: 11px; color:#666666; margin: 0;}

p.pagination a {color: #C41230; font-weight: bold; text-decoration: none; }
.small, .small p {font-size:0.9em;}



.cartouche {padding-bottom:14px;}
.cartouche .spip_logos {margin:4px 0 10px 10px; -moz-box-shadow: 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px rgba(0,0,0,0.3); float:right;}



/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
.sep-rouge {border-bottom:5px solid #C41230; margin-bottom:20px;}
.sep {border-bottom:1px dotted #CCC; margin-bottom:20px;}
.isep {border-top:1px dotted #CCC; margin-top:20px;}


/* Liens */
a { color: #000; text-decoration:none;}
a:hover { color: #666; text-decoration:over; }
a.rouge {color: #C41230; }
a.rouge:hover { color: #666; text-decoration:over; }


/* Habillage
-------------------------------------------------------------- */
body {background: #cc1937 url(../squelettes/images/bg.jpg) repeat-x top center; }

#page, .page {width:1130px; margin:0 auto; background: #FFFFFF; padding-top:20px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}

#entete, #main, #pied, .main { width: 1090px; margin:0 auto;}
#entete #menu { 
	border-bottom: 5px solid #000000;
    margin: 5px 0 5px 160px;
    padding: 0 0 30px;
    width: 930px; }
.ie7 #entete #menu {padding-bottom:14px; z-index:1000000000000000000;}
#entete #menu ul { color: #666; font-style: italic; font-size: 10pt; text-decoration: none; list-style:none; margin-left:4px;}
#entete #menu ul li { 
	color: #666666;
    float: left;
    font-size: 13pt;
    font-style: italic;
    list-style: none outside none;
    margin: 0 16px 0 0;
	padding:0;
    text-decoration: none;}
#entete #menu ul li a {color:#C41230; text-decoration:none;}
#entete #menu ul li a:hover { text-decoration:underline;}
#entete #menu ul li.menu-droit {font-size: 11pt; margin-top:1px;}
#entete #menu ul li.menu-espace{margin-left:10px;}
#entete #menu ul li.menu-ico {
	float: right;
    font-size: 11pt;
    margin-top: -5px;}

.arbo {display:none;}	

/**********************
   Menu déroulant
**********************/
.menuD .contour {border:1px solid #CCC; padding:5px;}
.menuD {
	text-align:left;
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
}
.menuD ul {
	padding:0;
	margin:0;
	list-style-type:none; /* for Firefox */
}
.menuD li {
	float:left;
	position:relative;
}
.menuD li a, .menuD li a:visited {
	display:block;
	text-decoration:none;
	/*width:6em;*/
	float:left;
	height:18px;
	line-height:18px;
	color:#000;
	z-index:1000000000000000000;
}
* html .menuD li a, .menuD li a:visited {
	width:15m;
	w\idth:14em; /* hack for IE5.5 */
}
.menuD li a.drop, .menuD li a.drop:visited { font-weight:bold; }
.menuD li ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	height:0;
	overflow:hidden;
	
}

.menuD table {
	margin:-1px;
	border-collapse:collapse;
	font-size:1em; /* font size for IE5.5 */
}
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menuD li:hover a, .menuD li a:hover {
	text-decoration:underline;
	border:0;
	z-index:1000000000000000000;
}
.menuD li:hover ul, .menuD li a:hover ul {
	visibility:visible;
	height:auto;
	width:18em;
	background:#FFF;
	border:1px solid #C41230;
	left:-0.8em;
	top:1.4em;
	overflow:visible;
	z-index:1000000000000000000;
}
.menuD li:hover ul li a, .menuD li a:hover ul li a {
	display:block;
	font-weight:normal;
	text-decoration:none;
	height:auto;
	/*line-height:1.5em;*/
	padding:0.3em 0.5em;
	width:17em;
	font-size:11pt;
	z-index:1000000000000000000;
}
* html .menuD li a:hover ul li a {
	width:18em;
	w\idth:17em; /* hack for IE5.5 */
}
.menuD li:hover ul li a.drop, .menuD li a:hover ul li a.drop { font-weight:bold; }
.menuD li:hover ul li ul, .menuD li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:11.5em;
	height:0;
	overflow:hidden;
	z-index:1000000000000000000;
}
.menuD li:hover ul li a:hover, .menuD li a:hover ul li a:hover { text-decoration:underline; }
.menuD li:hover ul li:hover ul, .menuD li a:hover ul li a:hover ul {
	visibility:visible;
	color:#000;
	border:1px solid #C41230;
	height:auto;
	background:#fff;
	width:17.5em;
	z-index:1000000000000000000;
}
.menuD li:hover ul li:hover ul.left, .menuD li a:hover ul li a:hover ul.left { left:-9.3em; }
.menuD li:hover ul li:hover ul li a, .menuD li a:hover ul li a:hover ul li a {
	display:block;
	height:auto;
	z-index:1000000000000000000;
}
.menuD li:hover ul li:hover ul li:hover a, .menuD li a:hover ul li a:hover ul li a:hover { text-decoration:underline; z-index:1000000000000000000; }
.menuD li ul li { float:none;}
#entete #menu .menuD li ul li ul li, #entete #menu .menuD li ul li ul li a {font-size:8pt; width:20em;}
#entete #menu .menuD li a.on {
	color: #666666; 
}



#wrapper, .wrapper {clear:both; float:left; width: 750px;}
#pub {float:left; width:160px;}
#content, .content {float:right; width:560px; border-right:1px dotted #CCC; margin-right: 10px; padding: 20px 16px 0 0;}
#aside, .aside {float:right; width:330px; }
.ie7 #aside, .ie7 .aside { z-index:1;}
.formulaire_recherche {margin-top:10px; }
.formulaire_crm_inscription {margin-bottom:10px; border-bottom:1px dotted #CCC;}
#pied { clear:both; border-top:5px solid #000;}
#pub #partenaires, #pub #publicites  {padding-bottom: 20px;}
#partenaires  img.spip_logos, #pub #publicites img.spip_logos {padding: 0; margin:0 0 20px 0;}


#pied  {height: 180px;}
#pied ul {list-style:none; margin-top:20px; margin-left:70px}
#pied ul li {padding:0 60px 0 0; float:left; list-style:none; font-size:9pt; font-style:italic; line-height:19px; }
#pied ul li .titre {margin-bottom:10px; font-style:italic;}
#pied ul li p {line-height:19px; font-size:9pt;}


/* Page sommaire */
#content .alaune h3, .alaune h3 a {font-size:21px;}
#content .alaune .spip_logos {float:left; margin:4px 10px 10px 0; -moz-box-shadow: 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px rgba(0,0,0,0.3);}

#content .derniere-edition {background: #C41230 url(../squelettes/images/fond-journal.jpg) repeat top left; color:#FFF; padding:20px 0; margin: 0; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius:10px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}
#content .derniere-edition .spip_logos {float:left; margin:0 15px; -moz-box-shadow: 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px rgba(0,0,0,0.3);}
#content .derniere-edition ul li {float:left; padding:20px 0 0 15px; width:150px; height:230px !important;}
#content .derniere-edition ul li .spip_logos {float:none; padding:0; margin:0 0 10px 0; -moz-box-shadow: 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px rgba(0,0,0,0.3);}
#content .derniere-edition .lireplus {float:right; margin-right:10px;}
#content .derniere-edition .carousel4 {height:230px;}
#content .derniere-edition .date {color:#FFF;}
#content .derniere-edition a, .derniere-edition a:hover {color:#FFF;}



#content .dernieres-contrib .spip_logos {float:left; margin:0 10px 0 0; -moz-box-shadow: 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px rgba(0,0,0,0.3);}

.lisez-plus {color: #C41230; font-style:italic; margin-bottom:20px;}

/* Aside */
#videos-populaires  {position: relative; margin:20px 0;}
#videos-populaires ul li {width:100px; padding:0 0 50px 0;}
#videos-populaires  .spip_logos {margin:0 3px 3px 0;  -moz-box-shadow: 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px rgba(0,0,0,0.3);}
#videos-populaires .vignette {width:90px; margin-right: 10px}
#videos-populaires .vignette a {text-decoration: none;}
#videos-populaires .lireplus {position: absolute; left:310px; top:-30px;}
#videos-populaires div.margin {}


#blogues {padding: 0 0 0 5px; border-bottom:1px dotted #ccc; }
.page_sommaire #blogues { border-top:1px dotted #ccc; padding-top: 20px;}
#blogues  ul li {padding: 0 0 0 5px;  }
#blogues .left {float: left; width: 250px;}
#blogues .right {float: right; width: 63px;}
#blogues h3 {font-size:14px; margin:0 0 10px 0; }
#blogues h3 a { font-size:14px; }
#blogues h2 {padding:20px 0 0 0;}
#blogues .spip_logos, .menu_blogues .spip_logos {margin:0 3px 10px 0;  -moz-box-shadow: 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px rgba(0,0,0,0.3);}
#blogues h2 img {margin:0; padding: 0;}
#blogues div.bloguenom {font-size: 16px; font-weight:bold; color:#000; font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif; }
#blogues  .plusdeblogues ul li div.intro p {padding: 0; margin:0;}
#blogues  ul li {padding: 0 0 10px 0; margin: 0 0 0 0; height:85px; }
#blogues  .lireplus {margin-top: 5px;}



#alterinter, #ailleurs {margin-top:20px; border-bottom:1px dotted #ccc; }
#ailleurs h3, #ailleurs h3 a, #alterinter h3, #alterinter h3 a {font-size:15px; margin-top:2px;}


/* Page article */

.page_article .addthis_toolbox {padding:20px 0; margin-top:20px; border-top:1px dotted #CCC;}
.page_article .pdf {float:left; margin-top: 25px;}

.page_article .sujets_connexes, .page_article .meme_auteur, .page_article .menu_articles  {border-bottom:1px dotted #ccc; margin-bottom:20px;}
.page_article .sujets_connexes h3, .page_article .sujets_connexes h3 a, .page_article .meme_auteur h3, .page_article .meme_auteur h3 a, .page_article .menu_articles h3, .page_article .menu_articles h3 a {font-size:14px; margin-top:2px;}
.page_article .meme_auteur .author, .page_article .meme_auteur .date, .page_article .meme_auteur .author, .page_article .meme_auteur .date, .page_article .menu_articles .author, .page_article .menu_articles .date {font-size:12px;} 




/* Page édition */
.menu_editions ul li ul li {margin-left:18px; font-size:7.5pt; }
#aside .menu_editions ul li, .aside .menu_editions ul li {padding: 0 0 6px 0;}

/* Page groupe */
.menu_groupe {padding-top:4px; } 
.menu_autres_groupes {border-bottom:1px dotted #ccc; margin-bottom:20px;}

/* Page vidéos */
#video {margin:4px 0; z-index:1;}
#video object { z-index:1;}

/* Page mot */
.page_mot .cartouche .spip_logos {margin:4px 0 10px 10px; -moz-box-shadow: 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px rgba(0,0,0,0.3); float:right;}

/* Page auteur */

.page_auteur .cartouche .spip_logos {margin:4px 0 10px 10px; -moz-box-shadow: 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px rgba(0,0,0,0.3); float:right;}


/* Page agenda 
----------------------------------------*/

.menu_archives ul li {padding:0; margin:0;}

/* Calendrier */
#calendrier { padding:10px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12pt;}
.page_sommaire #calendrier { border-top:1px dotted #ccc; }


div#calendar table{
	width: 100%;
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
	border:1px dotted #ccc;

}
div#calendar table h2 {display:none;}
div#calendar table caption{
	margin: 0 auto;
	padding-bottom: 5px;
	font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif; 
	font-weight:bold;
	font-size:12pt;
	color:#666;
	text-transform:none;
	text-transform:uppercase;
}
div#calendar table caption a{
	color: #C41230;
	position: relative;
	top: 0;
}
div#calendar table caption a.prec{
	left: -37px;
	font-size:15pt
}
div#calendar table caption a.suiv{
	left: 37px;
	font-size:15pt
}
div#calendar table thead th{
	padding: 5px 0;
	font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif; 
	font-weight:bold;
	font-style:normal;
	font-size:11pt;
	color: #000000;
}
div#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px dotted #CCCCCC;
}
div#calendar table td a{
	display: block;
	background: #FFFFFF;
	color: #C41230;
	font-weight: bold;
	text-decoration: none;
}
div#calendar table td.today a{
	background: #C41230;
	color: #FFFFFF
}
div#calendar table td a:hover{
	background: #C41230;
	color: #FFFFFF;
}
div#calendar table td.today a:hover{ }
div#calendar span{
	display: none;
}


/* Page plan */
.page_plan .content ul {padding:0 0 10px 10px;}
.page_plan .content ul li, .page_plan .aside ul li {padding:6px 0; }
.page_plan ul li.petit {font-size:7.5pt;}



/* Formulaire */
.formulaire_spip {margin:5px 0;}
.formulaire_spip div {text-align:right; margin:0;}
.formulaire_spip label {font-size:12px; color:#999; display:inline;  }
.formulaire_spip input.text { width:276px; background-color:#C41230; border:none; height:24px; font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif; font-weight:bold; font-style:italic; font-size:13px; color:#fff; background-image:none; margin:0; padding:0 10px; text-align:right; vertical-align:top; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px; }
.formulaire_spip input.submit {vertical-align:top; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px;}
.formulaire_spip .formulaire_erreur {margin-top:10px; color:#C41230;}
.formulaire_spip .erreur {color:#C41230; font-weight:bold;}
.formulaire_spip .formulaire_ok { color:#009900; font-weight:bold; margin-top:10px;}

.formulaire_crm_inscription {padding-bottom: 10px;}
.formulaire_crm_inscription label {display:none;}
.formulaire_crm_inscription input.text {margin-bottom:3px;}
.formulaire_crm_inscription input.prenom {margin-right:32px; margin-top:10px;}
.formulaire_crm_inscription input.nom {margin-right:32px;}



/*FORMULAIRE CONTACT */
.formulaire_ecrire_auteur ul li {padding:0 0 5px 0;}

.formulaire_ecrire_auteur label {display:none;}
.formulaire_ecrire_auteur legend {margin:0; padding: 0 0 10px 0; color:#000; font-weight:bold; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size:17pt; }
.formulaire_ecrire_auteur input.submit { height:24px; font-weight:bold; font-style:italic; font-size:13px; color:#fff; background-image:none; margin:0; vertical-align:top; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius:4px; background-color:#C41230; font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif; padding-bottom: 2px;} 


/* PAGE JOURNAL 
--------------------------*/
body.page_journal {background-color:#f5f5f5; background-image: none; }
.page_journal .page { width:800px; background-color: #FFF; margin:20px auto; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px;}
.page_journal .main, .page_journal #main  { width:740px; background-color:#FFFFFF; margin:0 auto; padding:0;}
.page_journal #wrapper, .page_journal #content {float:none; width:740px; margin:0 auto; border:none;  padding:0;}
.page_journal .menu_editions ul li {padding:3px 0;}

.boutons .text {background-color:#C41230; border:none; height:24px; font-family:"Bookman Old Style", Georgia, Times New Roman, Times, serif; font-weight:bold; font-style:italic; font-size:13px; color:#fff; background-image:none; margin:0; padding:3px 10px; text-align:left; vertical-align:top; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px; }
.boutons a.text:hover {color:#CCC;}