@charset "utf-8";
/* CSS Document */
/******************************************************************************************
/******************************** MEYER CSS 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;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
hr{ clear:both; margin:0; padding:0; visibility:hidden;}

hr#pied{clear:both;	margin:5px 0;padding:0;	color:#9c1242;	visibility:visible;	}
#baseline{ height:16px; line-height:16px;}
/******************************************************************************************
/******************************** CLEARFIX HACK********************************************
/*****************************************************************************************/
.clearfix:after, .container:after, .global-960:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.global-960.clearfix, .container,.global-960 {display:inline-block;}
* html .clearfix, * html .global-960 {height:1%;}
.clearfix, .global-960 {display:block;}

/******************************************************************************************
/******************************** LAYOUT BASES********************************************
/*****************************************************************************************/
html,body, * html body{ width:100%; height:100%;}
body,* html body{background:#fff url(BGBody.png) repeat-x top left;	font: 0.63em Arial, Helvetica, sans-serif;}
.global-960{width:960px;margin:0 auto;}
a{ text-decoration: none; font-weight:bold; color:#9c1242;}
a:hover{ color:#f0dfd3;}
h1,h2,h3,h3.spip,h4,h5,h6{font:color:#fff;background:#9c1242;font: bold small-caps 1.25em Verdana, Arial, Helvetica, sans-serif;	color: #FFFFFF;padding:0;margin:1.20em;}
h1{font: bold small-caps 1.36em Verdana, Arial, Helvetica, sans-serif;margin:1.36em; padding:0.68em;}
h2{font: bold small-caps 1.27em Verdana, Arial, Helvetica, sans-serif;margin:1.27em;}
h3,h3.spip{font: bold small-caps 1.18em Verdana, Arial, Helvetica, sans-serif;margin:1.18em;}
h4{font: bold small-caps 1.09em Verdana, Arial, Helvetica, sans-serif;margin:1.09em;}
h5{font: bold small-caps 1.00em Verdana, Arial, Helvetica, sans-serif;margin:1.00em;}
h6{font: bold small-caps 0.91em Verdana, Arial, Helvetica, sans-serif;margin:0.91em;}
p.spip{ padding:10px; text-align:justify;}
ul.spip,{ padding:5px;}
li.spip{}
.fl{ float:left; display: inline; margin-left:5px; margin-right:5px;}
.fr{float:right; display:inline; margin-left:5px; margin-right:5px;}
.w235{width:235px;font-size: 1.10em;}
.w720{width:720px;}
.w470{ width:470px;}
.w715{ width:715px; margin:0;font-size: 1.10em;}
.w716{width:716px; margin-right:10px;}
.h593{ height:593px;}
.c9c1242{background-color:#9c1242;}
.cf0dfd3{background-color:#f0dfd3;}
.first{ margin-left:0;}
.last{ margin-right:0;}
#ZoneTexte{ margin-left:10px; margin-bottom:20px;}

/**************************************  ENTETE  ******************************************/
#entete{}

ul#controls-rub{ height:45px; margin-left:5px;}
#controls-rub li{ float:left; display:inline-block;}
#controls-rub li a{display:block; height:40px;color:#f0dfd3; padding-left:5px; margin-right:5px;}
#controls-rub li a:hover{ color:#fff;}

a#homepage{background: url(picto_home_1.png) no-repeat center 17px;}
a#homepage:hover{background: url(picto_home_2.png) no-repeat center 17px;}

a#back{background: url(picto_ebook_1.png) no-repeat center 17px;}
a#back:hover{background:url(picto_ebook_2.png) no-repeat center 17px;}

a#articles{	background: url(picto_plus_loin_1.png) no-repeat center 17px;}
a#articles:hover{background: url(picto_plus_loin_2.png) no-repeat center 17px;}

a#telechargement{background: url(picto_download_1.png) no-repeat center 17px;}
a#telechargement:hover{background: url(picto_download_2.png) no-repeat center 17px;}

a#sites{background: url(picto_sites_1.png) no-repeat center 17px;}
a#sites:hover{background: url(picto_sites_2.png) no-repeat center 17px;}

a#telechargement-pdf{background: url(picto-pdf-1.png) no-repeat center 17px;}
a#telechargement-pdf:hover{background: url(picto-pdf-2.png) no-repeat center 17px;}
/********************************* Fil d'Arianne  *****************************************/
#hierarchie{ margin-left:1.36em; margin-top:1.36em;}
/***************************** Sommaire Article & Brèves  *********************************/
a.alaune{font-size:1.4em;margin-left:20px; margin-top:3px;padding-left:20px;padding-right:40px;	padding-top:0.9em;padding-bottom:0.9em;	display:block;	background:#999999 url(alaune1.png) no-repeat right center;}
a.alaune:hover{	background:#CECECE url(alaune2.png) no-repeat right center;}
#ColG,#ColD{margin-top:1.18em;}

p#Descriptif_Site{margin:0 0 1.18em;padding:1.18em;	border:1px solid #9C1242;font-size:1.40em;}
#Debat{margin:0;padding:1.18em;}
h3.surtitre-article{ border-bottom:2px solid #9C1242; background:transparent; text-transform:uppercase; color:#9C1242;}
h3#Debat{ background:url(debat.png) no-repeat center left #9C1242; margin-bottom:10px;}
h3#Debat a{color:#fodfd3; display:block; margin-left:235px; border-left:1px dashed #f0dfd3; padding-left:1.00em; color:#f0dfd3}
#Debat a:hover{}
h4#AuSommaire{padding:5px 5px 5px 45px;	margin:0;}
* #AuSommaire a{ color:#f0dfd3;}
#AuSommaire a:hover{ color:#fff;}
ul#SommaireLastRub{ margin-bottom:10px;}
#SommaireLastRub li{}
#SommaireLastRub li a{ display:block; padding-left:20px; height:20px; line-height:20px; margin-bottom:2px; background:url(li_sommaire_1.png) no-repeat left center;}
#SommaireLastRub li a:hover{ background:url(li_sommaire_2.png) no-repeat left center #9C1242;}
/********************************Carousel Accueil******************************************/
#CarouselCouv{ width:950px; height:350px; padding: 20px 0px; color:#f0dfd3; position: relative; background-color:#9c1242; border-right:10px solid #9c1242;}
#LesCouvs{ position:absolute; left:20px; height:350px; width:920px;overflow:hidden; }
#LesCouvs .coulisse{ width:10000px; height:350px;}
#LesCouvs .Slide{ background:#000; width:300px; height:350px; float:left; margin-right:10px;}
#LesCouvs .Slide:hover{ background-color:#9c1242;}
.Slide a{ display:block;}
.CouvTitre{ text-align:center; height:50px; line-height:50px; font-size:1.40em; margin:0;}
.CouvTitre a{ display:block;color:#fff; background-color:#000;}
.CouvTitre a:hover{color:#f0dfd3;}
#CarouselCouv .btn {display:block; position:absolute; top:20px; height:350px; width:60px; z-index:150;}
#CarouselCouv .btn:hover{}
.prv{left:10px;background: url(Prev1.png) no-repeat -10px center;
}
a.prv:hover{background: url(Prev2.png) no-repeat -10px center;}
a.nxt{right:0;background: url(Next1.png) no-repeat 10px center;}
a.nxt:hover{background: url(Next2.png) no-repeat 10px center;}
strong.spip{ font-weight:bold; color:#9C1242;}

/********************************Carousel Rubriques******************************************/
#Carousel-interactions{ width:960px; min-height:593px; height:auto !important; height:593px; overflow:hidden;}
#Slider-1{ width:3840px; height:593px; background-color:#f0dfd3;}
.Sub{ float:left; width:960px; min-height:593px; height:auto !important; height:593px; background:url(BG_Sub.png) repeat-y;}
.last{ margin-right:0px;}

/*****************************Carousel SubArticles ****************************************/
ul.sommaire{ padding-top:210px; }
.sommaire li{padding-left:60px; border-bottom:1px dashed #9c1242;}
.sommaire li a{ display:block; margin-bottom:5px; padding-right:5px; margin-right:10px;}
.sommaire li a:hover{ color:#f5f2ef}
ul#Plus-Loin{background:url(sommaire_infos.png) no-repeat top left;}
ul#Medias{background:url(sommaire_medias.png) no-repeat left top;}
ul#SitesAVoir{background:url(sommaire_sites.png) no-repeat top left;}
#Plus-Loin li{ }
#Medias{}
#LesSites{}

#ScrollArt,#ScrollSites,#ScrollDocs{overflow:hidden; width:715px; height:593px;}
#ArtContent,#DocContent,#SitesContent{width:10000px; height:593px;}
.ArtSlide,.DocSlide{float:left; width:715px; height:593px; overflow:auto; }
.SitesSlide{ float:left; height:593px; width:250px; margin-right:10px;}
.SiteTitre{ text-align:center;}
.VoirLeSite{ text-align:right; margin-top:0.5em; padding:0.85em; font-size:1.18em;}
.chapo{ padding:1.00em; font:italic bold; color:#9c1242;}
/******************************** Galerie / Portfolio ***************************************/
#LePortfolio{}
h4.Titre{}
.SeprateurPhoto{}
ul#LaGalerie{ padding:10px; margin-bottom:20px;}
	#LaGalerie li{ float:left; width:217px; margin-right:13px; text-align:center; padding-top:10px; padding-bottom:10px; border:1px solid #9c1242; margin-bottom:10px;}
	#LaGalerie .end{ margin-right:0;}

/******************************** SHOWCASE Accueil ***************************************/
/* General styles ------------------------- */

.showcase {	position: relative;}

.showcase a.controls {position: absolute;width: 54px;height: 50px;	background-color: #2097FA;	text-decoration: none;color: #FFF;font-size: 40px;font-weight: bold;text-align: center;	border: 2px solid #FFF;z-index:200;}
.showcase a.previous {padding-bottom: 4px;}
.showcase ul li {width: 450px;height: 480px;float: left;list-style-type: none;}
.showcase ul li a {display: block;}
.showcase li a img {border: 0;}
/*****************************************************************************************/
.showcase#horizontal {margin: 20px auto 0 auto;	width: 960px;height: 480px;}	
.showcase#horizontal a.controls {top: 50%;margin-top: -27px;}
.showcase#horizontal a.next {right: 0;padding-top: 4px;}
.showcase#horizontal a.controls:hover {border-color: #2097FA;}
.showcase#horizontal ul {position: relative;width: 960px;height: 480px;margin: 0 auto;}
/*************************************** PIED ********************************************/
#pied{ border-top:5px solid #9c1242; padding-top:5px;}

/******************ZONE FORUM***********************************/
.formulaire_forum{ padding:40px; border:1px solid #9C1242;}
.formulaire_forum legend{ font-weight:bold; margin-bottom:10px; color:#9C1242;}
.MessageForum{ margin-top:10px; margin-bottom:10px; border:1px dotted #9C1242; padding:10px;}
.id-post{ font-weight:bold; font-variant:small-caps; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #9c1242;}
.post-message{}
fieldset.previsu{margin:0px 0px 40px;border-top:10px solid #9C1242; border-botom:10px solid #9C1242;}


/* IE6 css fixer v0.4: Wed, 03 Jun 2009 12:10:12 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.fl,
.fr,
#controls-rub li,
#LesCouvs .Slide,
.Sub,
.ArtSlide,.SiteSlide,.DocSlide,
.showcase ul li {display:inline;}

/* convert min height values */


/* add zoom:1 to overflow:hidden */
#LesCouvs,
#Carousel-interactions,
#ScrollArt,#ScrollSites,#ScrollDocs {zoom:1;}

/* fix negative margins */
.showcase#horizontal a.controls {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
#CarouselCouv,
.showcase,
.showcase#horizontal ul {zoom:1;}


/*************************Personnalisation de Formulaires*********************************************/
.spip_forms .spip_form_label label, .spip_forms .spip_form_label .label {
	color:#494949;
	font-weight:bold;
	text-align:left;
	margin:1.36em 1.36em 1.36em 0;
}
.spip_forms .formo, .spip_forms .fondo,.forml {background-color:white;border:1px solid #9C1242;color:#9C1242;width:70%;font-weight:0.83em;}
.forml{
	display:block;
	margin: 10px 0px;
}