@import "http://yui.yahooapis.com/2.5.2/build/reset-fonts/reset-fonts.css";

body{font-family:Verdana;color:#333;}
html {background: #fff;}
strong {font-weight: bold;}
em {font-style: italic;}

/* = Mise en page
---------------- */
#page {
	margin-top: 30px;
	z-index:1000;
	position:relative;
}
#header {position: relative; top: -10px; overflow:hidden;}
#topBar {margin-top: -10px;}
#main{margin-left:0; margin-right:0; padding:0 0 0 10px; width:950px;}

/* = Prelude. Raccourcis pour acces rapide (via tab)
--------------------------------------------------- */
#prelude {
	position: absolute; top: -1000px;
	font-size: 85%;
}
#prelude a:focus {
	position: absolute;
	top: 970px;
	width: 300px;
	display: block;
	background: #fff;
	color: #333;
	padding: .3em;
	text-decoration: none;
}
/* = Entete
---------- */
#logoHeader {margin-top: 10px; font-size: 120%; font-weight: bold; margin-right:0;}	
#header {height:126px;}

/* = topBar
----------- */
#topBar {
	font-size: 77%;
	padding: 0.8em 0 .3em 0;
	background: #fff;
}

#ariane a, #ariane strong {
	text-decoration: none;
}
#recherche {position: relative; top: 0;}

#recherche a {
	font-size: 90%;
	text-decoration: none;
	padding: 0 0 0 5px;
	white-space: nowrap;
}
#print {
	position: relative; top: 3px; 
	margin:0 0 !important; 
	background:#fff url('../img/btprint.png') no-repeat;

	height:15px;}
	#print a{
		font-size:90%;
		text-decoration:none;
		white-space:nowrap;
		position:relative; left:18px; top:2px;
	}


	/* = Colonne de droite
	--------------------- */
	#sideblock {
		margin-left: 10px;
		padding-right:10px;
	}
	.module {
		margin: 0 0 10px 0; padding: 10px;
	}
	.module h2 {
		font-size: 116%;
		margin: 0 0 .5em 0;
	}

	/*--------------------- menu*/
	.menuminisite {margin-top:10px;}
	.menuminisite ul{margin-left:-10px;}
	.menuminisite ul ul{margin-left:15px; border-left:1px #fff solid;}
	.menuminisite li{height:auto; width:auto; overflow:hidden;background:transparent url('../img/pucemenu.gif') 10px 5px no-repeat; margin:3px 0; position:relative;}
	.menuminisite li a{display:block; height:auto; width:auto; text-decoration:none; margin-left:10px; padding-left:20px;}

	.menuminisite li.current {background-color:#fff; color:#4E4E4E;}
	.menuminisite li.current a{color:#4E4E4E;}




	/* =Modules colonne droite-------------  */
	/*Fond foncés*/
	.cartouche.typA {
		background: #484848 url('../img/bgTiM.png') repeat-x;
		border-bottom-color: #666;
		border-right-color: #666;
		color:#fff;
	}
	.cartouche.typB {
		background: #D8D6D6 url('../img/bgTi.png') repeat-x;
		border: 1px #d8d6d6 solid;
	}
	/*Le menu*/

	/*Articles les plus…*/

	#plus {
		background: #fff;
		color: #333;
		margin: 0 0 10px 0; padding: 10px;
		height:1%;
	}
	#plus p a{color: #333; text-decoration:none;}
	#plus p a:hover{text-decoration:underline; color:#000;}

	#plus h2, #plus h3 {font-size: 116%;}
	#plus h2 {
		padding: 3px;
		position: relative;
		margin: 0 0 .5em 0;
	}
	#plus h3 {
		font-weight: bold;
		margin: 0 0 .5em 0;
	}
	#plus p {font-size: 77%;}
	#plus .art {
		border-bottom: 1px #333 dotted;
		padding: .5em 0;
	}
	#plus .art.last {border: 0;}

	/*Photothque*/
	#phototheque {}
	.photothequeContent {
		width: 135px;
		float: left;
		margin-right: 5px;
	}

	/*Dossiers*/
	#dossiers {}
	.dossiersContent {
		display: inline;
		width: 135px;
		float: left;
		margin-left: 5px;
	}

	/*Mon espace*/
	.myspace {}
	.myspaceModule {margin-top: -3px;}
	#content .myspace {}
	#content .myspaceModule {margin-top: 0;}

	/*Nuage de mots clef*/
	#nuage {}
	#nuage li {display: inline;}
	#nuage a {
		text-decoration: none;
		white-space: nowrap;
	}
	#nuage .s1 {font-size: 85%;}
	#nuage .s2 {font-size: 100%;}
	#nuage .s3 {font-size: 116%;}
	#nuage .s4 {font-size: 131%;}
	#nuage .s5 {font-size: 153.9%;}
	#nuage .s6 {font-size: 167%;}
	#nuage .s7 {font-size: 182%;}
	#nuage .s8 {font-size: 197%;}
	#nuage .s9 {font-size: 220%;}
	#nuage .s10 {font-size: 240%;}


	.moduleWide {padding:0 10px 10px 10px;}
	.moduleWide h2 {
		font-size: 16px;
		background: transparent url(../img/parenthese.png) no-repeat;
		padding: 15px 0 0 15px; 
        margin : 0 0 .1em 0;
	}

	#syndication {
		background: #484848;
		color: #fff;
	}
	#syndication a {
		color: #fff;
		text-decoration: none;
	}
	#syndication h2 {}
	#syndication h3 {font-weight: bold;}
	#syndication p, #syndication ul {
		margin: .8em 0;
		font-size: 77%;
	}
	#syndication li {display: inline;}
	#syndication a:hover, #syndication a:focus {color: #FEFE88!important;}

	#webRing{background:#D5E630;}
	#webRing a {text-decoration:none;}
	#webRing .current a {font-weight: bold;}
	#webRing p, #webRing ul, #webRing h3 {font-size: 11px;}
	#webRing .intro {margin: 0 0 .8em 0; padding: 0 0 0 17px;}

	#webRing #themes {
		width: 100px;
		float: left;
        padding-left: 0;
	}
	#webRing #themes li {
        list-style: none;
		padding: .2em 0;
		border-top: 1px #abb20a solid;
	}
	#webRing #themes a { color: #333;}

	#webRing #themes a:hover, #webRing #themes a:focus {color: #000;}
	#webRing #siteList {
		width: 170px;
		float: right;
	}
	#webRing #siteList h3 {font-weight: bold;}
	#webRing #siteList h3 a {color: #141F32;}
	#webRing #siteList .site {margin: 0 0 5px 0;}
	#webRing a:hover, #webRing a:focus {color: #000!important;}

	/* = Content
	----------- */

	#content {margin-bottom: 10px; overflow:hidden;}
	#contentHeader{
		/*margin-left:-10px;*/
		background: #fff;
	}
	body#home #contentHeader{
		margin-left:-10px;
	}

	.onglet {
		font-size: 131%;
		margin: 0 320px 15px 60px;
		padding: .5em .5em .5em 20px;
	}
	#txtResultat, .retraitVingt{margin-left:-20px;}

	/* = Article
	----------- */
	#article {position: relative;} 
	#article h1,
	#article h2,
	#article h3,
	#article h4,
	#article h5,
	#article h6 {
		padding-left: 80px;
	}
	#article h1 {margin-top: 0;}
	#article p, #article ul, #article ol {padding-left: 80px;}
	#article .actuDate {
		font-size: 93%;
		font-weight: bold;
		padding: .3em .3em 2em .3em;
		width: 2em;
		text-align: center;
		position: absolute; top: 0; left: 15px;
	}
	#article .inlineImage {
		display: block;
		float: left;
		margin: 0 1em 1em 0;
	}
	#article .legend {
		font-size: 85%;

	}

	/* = Vue standard
	---------------- */
	#view {}


	/* = Info complémentaires
	------------------------ */
	#complements {margin: 15px 0 0 0;}

	#complements .comp.last {
		margin: 0 0 15px 0; padding-bottom:10px;
	}
	#complements .tiComp {
		text-align: right;
		font-weight: bold;
		padding: .5em 0 0 0;
	}
	#complements .wsg {font-size: 90%;}




	/* = Commentaires
	---------------- */
	#commentaires {}
	#commentaires h2, #commentaires h3 {
		font-weight: bold;
	}
	#commentaires h2 {
		font-size: 161.1%;
		margin:.60em 0;
	}
	#commentaires p.intro {
		margin: 0.5em 0;
		font-size: 85%;
	}

	.com {}
	#commentaires .wsg {font-size: 90%;}
	.auteur {text-align: right;}
	.auteur p {margin: .7em 0; font-size: 93%;}



	/* = Blocs wysiwig
	----------------- */
	.wsg ul,.wsg ol,.wsg p {margin: .7em 0; font-size: 93%; margin-left:2em;}
	.wsg ul {margin-left: 3em;}
	.wsg ol {margin-left: 3em;}
	.wsg li {list-style-type: disc;}
	.wsg ol li{list-style-type:decimal;}
	.wsg ol li li{list-style-type:none;}
	.wsg h1, .wsg h2,.wsg h3,.wsg h4,.wsg h5,.wsg h6{font-weight:bold;}
	.wsg h1{font-size:200%;margin:.67em 0;}
	.wsg h2{font-size:150%;margin:.75em 0;}
	.wsg h3{font-size:117%;margin:1em 0;}
	.wsg h4{font-size:100%;margin:1em 0;}
	.wsg h5{font-size:83%;margin:1.67em 0;}
	.wsg h6{font-size:67%;margin:2.33em 0;}
	.wsg img{margin:5px 10px;}





	/* = Pied de page
	---------------- */
	#footer {
		clear: both;
		padding: 10px;
		color: #fff;
	}
	#footer p {font-size: 12px;}
	#footer a {color: #fff; text-decoration: none; font-size: 85%;}


	/* = Thèmes par page
	------------------- */


	.formBox .field_valid .inptBtn {
		background: #8f2b8b; color: #fff;
		font-size: 93%;
	}
	#th1 .formBox .inptBtn {background: #0286a3;}
	#th2 .formBox .inptBtn {background: #011469;}
	#th3 .formBox .inptBtn {background: #415F69;}
	#th4 .formBox .inptBtn {background: #BB5E00;}



	/* = Diverses classes
	-------------------- */
	/*Les formulaires*/
	.inptBtn {
		margin: 0; padding: 2px 5px;
		border: 0;
		-moz-border-radius: 1px;
		text-transform: uppercase;
	}
	.formBox {
		font-size: 85%;
		padding: 10px; 
		clear: both;
		min-height: 20px;
	}
	.formBox legend {
		font-size: 130%;
		font-weight: bold;
		color: #333;
		margin: 0 0 .8em 0;
	}
	.formBox.blue {background: #E1F1F6;}
	.formBox.grey {background: #C1C1C1; color:#484848;}
	.formBox.grey legend{color:#484848;}
	.formBox.grey .error {color:#fff; background-color:#E77178;}
	.formBox.grey .success{background:#fff url('../img/bgsucces.png') no-repeat; border:none; color:#484848;}
	.formBox.grey .field_valid .inptBtn {background: #FF12BA !important; color: #fff; font-size: 93%;}

	.formBox label, .formBox .pseudo_label {display: block; margin-bottom: 2px; font-weight: bold;}
	.formBox .col .inptTxt, .formBox .col select, .formBox .col textarea {width: 93%;}
	.formBox .inptTxt, .formBox select, .formBox textarea {width: 97%;}
	.formBox .inptTxt {padding: 0; margin: 0;}
	.formBox .inptRdo {vertical-align: text-top;}

	.formBox .field_line {
		margin: 0 0 5px 0;
		clear: both;
	}
	.formBox li {
		width: 49%; float: left;
		margin: 0; padding: 2px 0 2px 2px;
	}
	.formBox ul label {
		display: inline;
		margin: 0; padding: 0 0 0 5px;
		font-weight: normal;
	}
	.formBox .col {clear: both;}
	.formBox .col .field_line {
		float: right;
		width: 50%;
		clear: none;
	}
	.formBox .col .field_line.first {
		float: left;
		width: 48%;
	}

	.formBox .field_valid {
		text-align: right;
		padding: 5px 0 5px 0;
	}
	.formBox .field_valid .inptBtn {
		font-size: 93%;
	}
	.formBox .error, .formBox .success {
		padding: 10px;
		margin: 0 0 10px 0;
	}
	.formBox .error {
		background: #FFFAE7;
		border: 1px #6F2200 solid;
	}
	.formBox .success {
		background: #EDFFE7;
		border: 1px #034722 solid;
	}
	/*--------------------- form pour mon compte*/
	.myspaceContent .formBox .col .field_line {
		float: left;
		width: 50%;
		clear: none;
	}
	.myspaceContent .formBox legend{font-size:100%; color:#fff; }
	.myspaceContent .formBox label{font-size:93%;}
	.myspaceContent .formBox li{width:97%;}
	.myspaceContent .formBox li label{font-size:85%; position:relative; top:-0.4em;}
	.myspaceContent .formBox .inptTxt, .myspaceContent .formBox select, .myspaceContent .formBox textarea {width: 97%;}
	.myspaceContent .formBox .col .inptTxt, .myspaceContent .formBox .col select, .myspaceContent .formBox .col textarea {width: 93%;}
	.myspaceContent .error,
	.myspaceContent .success{color:#484848;}
	.myspaceContent .formBox .field_valid .inptBtn {font-size: 93%;}
	.myspaceContent .formBox p.mpo{font-size:93%; padding-top:8px; cursor:pointer;}
	.myspaceContent a{text-decoration: none;}

	/* Titres en cartouche */
	.cartouche {
		position: relative;
		padding: .2em .3em .3em .4em;
	}
	.cartouche.link {text-align: right;}
	.cartouche .tr,.cartouche .tl,.cartouche .bl,.cartouche .br { position:absolute; width:2px; height:2px;}
	.cartouche .tr, .cartouche .tl {top: -1px;}
	.cartouche .br, .cartouche .bl {bottom: -1px;}
	.cartouche .br, .cartouche .tr {right: -1px;}
	.cartouche .bl, .cartouche .tl {left: -1px;}
	/*Fond foncés*/
	.cartouche.typA {
		border: 1px #222 solid;
		margin: 0 0 .5em 0;
	}
	.cartouche.typA a {color: #fff; text-decoration: none }
	.cartouche.typA a:hover {color: #ffc;}
	.cartouche.typA .tr {background: url(../img/tiMTr.png) no-repeat top right;}
	.cartouche.typA .tl {background: url(../img/tiMTl.png) no-repeat top right;}
	.cartouche.typA .br {background: url(../img/tiMBr.png) no-repeat top right;}
	.cartouche.typA .bl {background: url(../img/tiMBl.png) no-repeat top right;}
	/*Fond clair*/
	.cartouche.typB {
		margin: 0 0 .5em 0;
		font-size:90%;
	}
	h2.cartouche.typB {
		font-size:116%;
	}

	.cartouche.typB a {text-decoration: none }
	.cartouche.typB a:hover {color: #000;}
	.cartouche.typB .tr {background: url(../img/tiTr.png) no-repeat top right;}
	.cartouche.typB .tl {background: url(../img/tiTl.png) no-repeat top right;}
	.cartouche.typB .br {background: url(../img/tiBr.png) no-repeat top right;}
	.cartouche.typB .bl {background: url(../img/tiBl.png) no-repeat top right;}


	/*Pagination*/
	.pagination, .bt_offre {
		font-size: 93%;
		padding: .6em;
		text-align: center;
		margin: 15px 0 15px 0;
	}
	.bt_offre {
		margin:0 0 15px 0;
		padding:.6em;
	}
	.pagination a, .pagination span, .bt_offre a, .bt_offre span
	{
		text-decoration: none;
		padding: .4em;
	}



	/*Hors contenu*/
	.hc {position: absolute; top: -1000em;}

	/*--------------------- block telecharger*/
	.doc_tele .thumb{
		float:left;
		width:100px; height:84px;
		overflow:hidden;
		border:1px #9A9A9A solid;
		margin:.5em .8em 0 0;

	}

	.doc_tele .doctype{font-size:80%;}
	.doc_tele p{margin:.3em 0 !important;}
	.doc_tele .doctype img{margin: 0 0 0 0; position:relative; top:3px;}

	#page_tele{clear:both; height:40px;}
	#page_tele p{
		display:block; float:left;
		height:23px;
		background:#fff url('../img/bg_page_tele.png') repeat-x;
		font-weight:bold;
	}
	#page_tele p span{position:relative; top:5px;}
	#page_tele p.btpreced ,
	#page_tele p.btsuiv {
		overflow:hidden; text-indent:-200em;
		display:block; height:23px; width:33px;
	}
	#page_tele p.btpreced {background:#fff url('../img/bg_btprecedvide.png') no-repeat;}
	#page_tele p.btsuiv {background:#fff url('../img/bg_btsuivvide.png') no-repeat;}
	#page_tele p.btpreced a,
	#page_tele p.btsuiv a{
		overflow:hidden; text-indent:-200em;
		display:block; height:23px; width:33px;
	}
	#page_tele p.btpreced a{background:#fff url('../img/bg_btpreced.png') no-repeat;}
	#page_tele p.btsuiv a{background:#fff url('../img/bg_btsuiv.png') no-repeat;}


	/* =Contenu de liste-------------  */

	#list {
	}
	#list .item {
		border-bottom: 1px #999 dotted;
		padding: 15px 0 15px 0;
		position:relative;
	}
	#list .item p{margin-left:0;}
	#list .itemTitle {
		font-weight: bold;
		font-size: 116%;
	}
	#list .itemContent img {
		float: left;
		margin: 0 .8em .8em 0;
	}
	#list .itemTitle a {
		text-decoration: none;

	}
	#list .infoItem {
		font-size: 85%;
		clear: both;
	}
	#list .infoItem strong {}

	/* =Contenu actualité-------------  */

	.actuContent a {text-decoration: underline;}
	.actuContent ul,.actuContent ol,.actuContent p {margin: .7em 0; font-size: 85%;}
	.actuContent ul {margin-left: 1em;}
	.actuContent li {list-style-type: disc;}
	.actuContent h1, .actuContent h2,.actuContent h3,.actuContent h4,.actuContent h5,.actuContent h6{font-weight:bold;}
	.actuContent h2{font-size:108%;margin:.54em 0;}
	.actuContent h3{font-size:117%;margin:1em 0;}
	.actuContent h4{font-size:100%;margin:1em 0;}
	.actuContent h5{font-size:83%;margin:1.67em 0;}
	.actuContent h6{font-size:67%;margin:2.33em 0;}

	.themeActu, .tagsActu {margin: .7em 0; font-size: 85%;}
	.commentsActu {margin: .7em 0; font-size: 85%; padding-left: 70px;}
	.commentsActu img {vertical-align: middle;}
	.commentsActu a{
		color:black;
		text-decoration:none;
	}
	.commentsActu a:hover{
		text-decoration:underline;
	}


	.actu {
		position: relative;
		margin:20px 0 30px 0;
		overflow:auto;
		height:1%;
		padding-top:5px;
	}

	.actuImage{z-index:1; margin-left:40px;}
	.actuImage span{font-style:italic; font-size:90%;}
	.item .actuImage{z-index:1; margin-left:0px;}

	p.date{margin:0 0 10px 0; font-size:80%;}

	.actu .actuDate, .item .actuDate {
		font-size: 80%;
		font-weight: bold;
		padding: .5em .2em 1em .2em;
		width: 1.8em;
		text-align: center;
		position: absolute; top: 4px; left: 15px;
		z-index:1000;
	}
	.actuDate span {display: block;}

	.item .actuDate{top:15px;}
	#actuUne .actuDate {
		font-size: 100%;
		top: 0px;
	}

	#actuUne  h2 {
		font-weight: bold;
		font-size: 161.6%;
	}
	.actuContent h2 a {
		text-decoration: none;
		font-weight: bold;
	}
	.actuContent h2 a:hover, .actuContent h2 a:focus {color: #000;}


	/*-------------------------------------------------------------------------------------*/
	/* =  pack elu			 */
	/*-------------------------------------------------------------------------------------*/
	/* =Les elus-------------  */
	.packelu{clear:both;}
	.elu {margin-bottom: 15px; }
	.elu h2 {
		font-size: 116%;
		font-weight: bold;
	}
	.elu h2 a{text-decoration:none; color:#333333;}
	.elu .ficheElu {
		background: transparent url(../img/bgFluxElu.png) repeat-x bottom center;
		border-left: 1px #E4DFE1 solid;
		border-right: 1px #E4DFE1 solid;
		padding: 0 10px 20px 10px;
	}

	.elu .pic {
		width: 100px; height:115px; float: left;
		padding-bottom: 10px; padding-right:10px;
		text-align: center;
	}
	.elu img {
		display:block;
		width: 90px; /*height:105px; */
		padding: 5px;
		background: #fff;
		border: 1px #b8cccf solid;
	}
	.elu .infoElu {
		width: 160px; float: left;
	}
	.elu .infoElu ul {
		font-size: 85%;
		margin-bottom: .8em;
	}
	.elu .infoElu li {
		margin-bottom: .2em;
	}
	.elu .infoElu h3 {
		font-size: 93%;
		font-weight: bold;
		margin-bottom: .2em;
	}
	.elu .fonction {
		border-bottom: 1px #E4DFE1 solid;
		padding: 0 0 5px 0;
		margin: 0 0 8px 0;
	}

	/*habillage elus, généré pas JS*/
	.elu .head {
		background: transparent url(../img/bgTopElu.png) no-repeat;
		width: 300px; height: 12px;
	}
	.elu .foot {
		background: transparent url(../img/bgFootElu.png) no-repeat;
		width: 300px; height: 22px;
	}


	/*-------------------------------------------------------------------------------------*/
	/* =  plan du site			 */
	/*-------------------------------------------------------------------------------------*/
	#planSite ul{margin:.3em 0 .3em 80px; padding-left:.2em;}
	#planSite ul li{font-weight:bold; margin: 0 0 1em 0;}
	#planSite ul li li{font-weight:normal; margin:.3em 0;}

	/*-------------------------------------------------------------------------------------*/
	/* =  list_rss			 */
	/*-------------------------------------------------------------------------------------*/
	#list_rss h4{font-size:116%; font-weight:bold;}
	#list_rss p{padding:.3em .5em .1em .5em; border:1px #9E9E9E solid; margin:.5em 0; background-color:#E2E2E2;}


	/*-------------------------------------------------------------------------------------*/
	/* =  FLICR PHOTO			 */
	/*-------------------------------------------------------------------------------------*/
	#flickrPhoto{margin:-6px 0 10px 0; background-color:#ffffff;}

	/*-------------------------------------------------------------------------------------*/
	/* =  FlashPromo			 
	/*-------------------------------------------------------------------------------------*/

	body.promo #page{position:relative; top:68px;}
	#promo{
		position: absolute;
		left: 50%; top:0;
		width: 100%;
		padding: 0;
		margin-left: -50%;
		margin-top:0px;
		overflow:hidden;
		height:800px;
	}

	#promoFlash{
		/*display:block; height:139px;
		position:relative; top:30px;
		margin-top:-30px;*/
		position: relative;



	}
	#flashPromoCentre{
		position:absolute;
		top:0; left:0;
		width:964px; height:139px;

	}
	#flashPromoDroite{
		position:absolute; top:0; left:-183px;
		display:block; width:183px;

	}
	#flashPromoGauche{
		position:absolute; top:0; right:-183px;
		display:block; width:183px;

	}
	/*-------------------------------------------------------------------------------------*/
	/* =  correction marge typo3			 */
	/*-------------------------------------------------------------------------------------*/


	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; 
		margin-left: 0px;
	}
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap {
		margin: 0px 0px; 
	}


	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
		margin-bottom:0px;
	}


	/* A.Joslet 
	15:34 08/01/2009
	Mots-clefs cliquables sur les news
	*/
	.tagsActu a , #list .infoItem a , .actuContent a{
		text-decoration:none;
		color:black;
	}
	.tagsActu a:hover , #list .infoItem a:hover , .actuContent a:hover{
		text-decoration:underline;
	}