/*<![CDATA[*/

/* ------------------------------------ */
/*               Général                */
/* ------------------------------------ */
*{
	padding: 0;
	margin: 0;
}
* html, body {
	background-color: #FFF
}
html, body{
	color: #000;
	height: 100%;
	font-family : Arial, Helvetica, sans-serif;
}
body{
	background: #FFF url(../tourbillon/body-bg.gif) repeat-x;
}
#main{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	width: 980px;
	margin: 0; 
	padding: 0 0 0 0; /* top right bottom left */
	/*background: #FFF;*/
	/*border: 1px solid black;*/
	/*overflow: visible;*/
	height: 100%;
	background: #FFF url(../tourbillon/container-bg.gif) repeat-y;
}
#mainhp{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	width: 980px;
	margin: 0; 
	padding: 0 0 0 0; /* top right bottom left */
	/*background: #FFF;*/
	/*border: 1px solid black;*/
	/*overflow: visible;*/
	height: 100%;
	background: #FFF url(../tourbillon/container-bg-hp.gif) repeat-y;
}
#head{
	/*width: 100%;*/
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 21px; 
	height: 51px;
	background: #C3D32B;
}
#container { 
	/*width: 100%; */
	clear: both;
	margin: 0 0 0 0;
	/*border: 1px solid blue;*/
	background:  url(../tourbillon/container-bg.gif) repeat-y;
	/*height: 90%;*/
	float: left;
	/*overflow: visible;
	height: 1%*/
}
#containerhp { 
	/*width: 100%; */
	clear: both;
	margin: 0 0 0 0;
	/*border: 1px solid blue;*/
	/*background:  url(../tourbillon/container-bg.gif) repeat-y;*/
	background: #FFF url(../tourbillon/container-bg-hp.gif) repeat-y;
	/*height: 90%;*/
	float: left;
	/*overflow: visible;
	height: 1%*/
}
#footer{
	text-align: right;
	padding: 50px 0 6px 194px;
	clear: both;
	/*width: 100%;*/
	background:  url(../tourbillon/container-bg.gif) repeat-y;
}
#footerhp{
	text-align: right;
	padding: 50px 0 6px 194px;
	clear: both;
	/*width: 100%;*/
	background: #FFF url(../tourbillon/container-bg-hp.gif) repeat-y;
}
a{
	color: #000;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img {
	border: 0;
}
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* ------------------------------------ */
/*                 HEAD                 */
/* ------------------------------------ */
#head-logo{
	float:left;
	width: 150px;
}
#head-trans{
	margin: 0 0 0 0;
	padding: 15px 20px 0 0;
	text-align: right;
	/*border: 1px solid black;*/
}
#head-trans form{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
}
#head-trans select{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*width: auto;*/
	/*height: 18px;*/
	font-size: 11px;
}
#head-trans .headrech{
	padding: 0 0 0 0;
}
#head-trans .inter{
	padding: 0 18px 1px 0; background: url(../tourbillon/spirale-tourbillon-orange.gif) no-repeat right;
}
#head-trans .form-rech{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100px;
	height: 15px;
	font-size: 11px;
}

/* ------------------------------------ */
/*               TEXTES                 */
/* ------------------------------------ */
.bold{
	font-weight: bold;
}
.txt11-blueb{
	font-size: 11px;
	color: #5684EC;
	font-weight: bold;
}

/* ------------------------------------ */
/*             Bloc Redondant           */
/* ------------------------------------ */
#ariane{
	position: absolute;
	left: 194px;
	top: 70px;
	width: 340px;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	color: #a3b024;
}
#ariane a{
	color: #a3b024;
}
p.spip{
	margin: 0 0 10px 0;
}
.spip_surligne{
	background: #FF6;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
	position: relative;
	z-index: 1;
	padding: 0 0 30px 0;
	/*padding: 0 0 1px 0;*/
}
.thumbnail:hover{
	background-color: transparent;
	z-index: 100;
	display:block;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #ECECE1;
	padding: 5px;
	left: -1000px;
	border: 1px solid black;
	visibility: hidden;
	color: #4F4E48;
	text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0 0 0 0;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -80px;
	left: -371px; /*position where enlarged image should offset horizontally */
	
}
/* ------------------------------------ */
/*                 Menu                 */
/* ------------------------------------ */
#menu{
	position:absolute;
	left: 0;
	margin: 0 0 0 13px;
	padding: 0 0 0 0;
}
#menu ul{
	list-style: none;

}

.menutitle{
cursor:pointer;
width:73px;
margin:0;
padding:0;
text-align:center;
color:#000;
font-weight:bold;
}

.submenu{
width:73px;
text-align:center;
padding: 7px 0 7px 0;
}
.submenu li{
padding: 5px 0 5px 0;
text-align:center;
font-size: 12px;
color:#000;
/*font-weight:bold;*/
}
.submenu .format_png{
	border-bottom: 1px solid #000;
}

.ssmenu{
	position:absolute;
	left:73px;
	top:0;
	text-align:center;
	width:89px;
	height:560px;
	clip: rect(0px 89px 560px 0px);
	overflow:hidden;
	z-index:100;
}

.ulsub{position:absolute;z-index:1;left:0px;top:0px;padding:8px;}

.ulsub li{
	padding: 0 0 12px 0;
}
.ulsub a{
	/*line-height: 8px;*/
	font-size: 11px;
}
.ulsub a img{
	display: block;
	padding: 0 0 3px 0;

}

#flech{
	position:absolute;
	top:0px;
	left:73px;
	z-index:300;
	width:89px;
	height:100px;
	visibility:hidden;
	/*background:  url(../tourbillon/flechehaut.gif) no-repeat 0px 0px;*/
	/*filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
}
#flecb{
	position:absolute;
	top:460px;
	left:73px;
	z-index:300;
	width:89px;
	height:100px;
	visibility:hidden;
	/*background: url(../tourbillon/flechebas.gif) no-repeat bottom;*/
	/*filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/
}


/* ------------------------------------ */
/*                 HOME                 */
/* ------------------------------------ */
#home{
	/*position: relative;
	z-index: 0;*/
	margin: 0 0 0 86px;
	padding: 0 0 0 0;
	width: 894px;
	/*border: 1px solid black;*/
	overflow: hidden;
}
#hp-left{
	width: 290px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	/*border: 1px solid blue;*/
}
#new{
	/*width: 317px;*/
	padding: 10px 0 10px 13px;
	/*background: #f20e7f url(../tourbillon/tourbille.gif) no-repeat bottom right;*/
	background: #838b23;
	/*border: 1px solid blue;*/
}
#date{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
#edito{
	padding: 10px 25px 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 20px;
}
#alaune{
	padding: 15px 50px 20px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: url(../tourbillon/tourbille.gif) no-repeat bottom right;
}
.une{
	padding: 0 0 5px 0;
	font-size: 16px;
	font-weight: normal;
}
#alaune ul.spip{
	list-style: square;
	color: #000;
	padding: 0 0 0 10px;
}
#alaune li.spip{
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
#alaune a{
	color: #FFF;
}
#cdp{
	padding: 10px 25px 10px 0;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
#cdp img{
	padding: 0 10px 10px 0;
}

#hp-right{
	/*width: 564px;*/
	padding: 0 0 0 0;
	/*float: left;*/
	overflow: hidden;
	/*border: 1px solid red;*/
}
.bloc-rub{
	padding: 0 0 0 0;
	margin: 20px 0 0 30px;
	/*border: 1px solid black;*/
	float: left;
	width: 100%; /****************************** Ajout 16 05 2007 **********************************/
}
.bloc-rub-img {   /****************************** Ajout 16 05 2007 **********************************/
    clear: right;
	width: 100%;
	height: 23px;
}
.bloc-new{
	width: 140px;
	height: 200px;
	float: left;
	padding: 0 0 0 0;
	margin: 10px 30px 0 0;
	font-size: 12px;
	/*border: 1px solid Lime;*/
}
.bloc-new img {
	padding: 0 0 0 0;
	display: block;
}
.bloc-new a img {
    display: block;
}


.liste-rubriques{
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
	/*float: left;*/
	/*border: 1px solid black;*/
}
.liste-articles{
	padding: 0 0 0 0;
	/*width: 135px;
	float: left;*/
	font-size: 12px;
}
.liste-articles img {
	padding: 0 0 0 0;
	display: block;
}
.liste-articles a img {
    display: block;
}
.liste-articles ul {
	display: inline;
}
.liste-articles li {
	list-style: none;
	display: block;
	float: left;
	padding: 0 0 10PX 25px;
	height: 235px;
	/*vertical-align: bottom;*/
	/*border: 1px solid black;*/
}
.liste-articles a{
	/*vertical-align: bottom;*/
}
/* ------------------------------------ */
/*                ARTICLES              */
/* ------------------------------------ */
#article{

	margin: 0 0 0 174px;
	padding: 0 0 0 0;

}
#left{
	float: left;
	width: 335px;
	margin: 0 0 50px 0;
	padding: 65px 0 0 20px;
	/*border: 1px solid blue;*/
}
/*  Version sans Images de titre
#art-titre{
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding: 0 0 0 35px;
	background:  url(../tourbillon/art-titre-puce.gif) no-repeat 10px 7px;
}
*/
#art-titre{
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding: 0 0 0 30px;
	margin: 0 0 0 0;
	background:  url(../tourbillon/art-titre-puce.gif) no-repeat 10px 20px;
	/*border: 1px solid black;*/
}
#art-soustitre{
	font-size: 12px;
	font-weight: bold;
	color: #5EC6F2;
	padding: 5px 0 0 0;
}
#art-texte{
	font-size: 12px;
	padding: 10px 0 0 0;
	line-height: 18px;
}
#art-texte h3{
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	color: #E40082;
}
#art-texte p{
	padding: 10px 0 10px 0;
}
#right{
	width: 415px;
	margin: 0 0 50px 385px;
	padding: 25px 0 0 0;
	/*border: 1px solid red;*/
}
#art-rub{
	font-size: 20px;
	font-weight: bold;
	color: #5EC6F2;
	padding: 0 0 0 0;
}
#art-rub-txt{
	font-size: 12px;
	color: #000;
	padding: 0 0 0 0;
}
#art-infos{
	font-size: 11px;
	color: #5EC6F2;
	padding: 5px 0 5px 0;
}
#art-visu{
	padding: 10px 0 5px 0;
}

.visu-img img{
	display: block;
	/*float: left;
	border: 1px solid black;*/
}
#vignettes{

}
#vignettes-new{
	float: right;
	margin: -20px 50px 0 0;
}
.vignettes-box{
	float: left;
	padding: 0 5px 4px 2px;
}
#vignettes a{
	display: block;
	/*float: left;
	padding: 0 5px 4px 2px;*/
}
.vignettes-box img{
	/*border: 1px solid #c3d32b;*/
	border: 1px solid #838182;
	padding: 1px;
}

/* ------------------------------------ */
/*             Plan du site               */
/* ------------------------------------ */
#plan{

	margin: 0 0 0 194px;
	padding: 0 0 0 0;

}
.cartouche{
	margin: 50px 0 10px 0;
	color: #000;
}
.contre-encart{
	float: left;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 10px;
	/*border: 1px solid black;*/
}
.contre-encart ul {
	display: block;
	clear: left;
	margin-left: 1em;
	margin-bottom: 1em;
	list-style: square; }
	
.contre-encart li { list-style: inherit; }
/* ------------------------------------ */
/*             Recherche                 */
/* ------------------------------------ */
#rech{

	margin: 0 0 0 194px;
	padding: 0 0 0 0;
	/*border: 1px solid black;*/
}
.cartouche{
	margin: 50px 0 10px 0;
	color: #000;
}
.liste-recherche{
	float: left;
	margin: 0 0 0 0;
	padding: 0 20px 20px 0;
	/*border: 1px solid black;*/
}
.liste-recherche ul {
	display: block;
	/*clear: left;*/
	list-style: none; 
	width: 80%;
}
	
.liste-recherche li {
	 list-style: inherit; 
	 margin: 0 0 15px 0;
	 /*padding: 0 0 15px 0;*/
	 clear: both;
	 overflow: hidden;
	 /*border: 1px solid black;*/
}
.liste-recherche .spip_logos{
	float: left;
	display: block;
	margin: 0 10px 0 0;
	border: 1px solid black;
}
.liste-recherche a{
	font-size: 12px;
}
.liste-recherche .titre-rech{
	font-size: 15px;
	font-weight: bold;
	color: #5ec6f2;
}
.sousrub{
	font-size: 16px;
	font-weight: bold;
	color: #e40083;
}
.titre-rose{
	font-size: 16px;	font-weight: bold;	color: #e40083;
}
/* ------------------------------------ */
/*             Open Window            */
/* ------------------------------------ */
#headow{
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 21px; 
	height: 51px;
	background: #C3D32B;
}
#ow{
	margin: 30px 0 0 30px;
	padding: 0 0 0 0;
	font-size: 12px;
	
}
#ow h1{
	padding: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #5ec6f2;
}
#closeow{
	text-align: right;
	padding: 30px 20px 6px 0;
	clear: both;
}
#closeow a{
	font-size: 12px;
	color: #e40083;
}

/* ------------------------------------ */
/*               Newsletter             */
/* ------------------------------------ */
#newsletter{
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}
#newsletter fieldset{
	border: 1px solid #F7AD00;
	width: 75%;
	margin: 0 0 0 0;
	padding: 10px;
}
#newsletter legend{
	padding: 0 5px 0 5px;
	font-size: 12px;
	/*color: #3886E2;*/
}
#newsletter .spip_bouton input,#newsletter .fondl{
	border: 1px solid #563033;
	cursor:pointer;
	padding:.1em;     /* <-- modifié par Tonio */
	margin: 0 0 1px 0;     /* <-- ajouté par Tonio */
	background:#F7AD00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.9em;
	/*width:100px ;*/
	color:#4A4336;
}
#newsletter .forml,#newsletter .fondo{
	border-bottom:solid 1px #C9AB97;      /* <-- modifié par Tonio */
	border-right:solid 1px #C9AB97;     /* <-- modifié par Tonio */
	border-top:1px solid #81593E;     /* <-- modifié par Tonio */
	border-left:1px solid #81593E;     /* <-- modifié par Tonio */
	/*background:#FFF9EE ;*/     /* <-- modifié par Tonio */
	color:#433817;     /* <-- modifié par Tonio */
	font-weight:normal;
	font-size:12px;     /* <-- modifié par Tonio */
	padding:2px;     /* <-- modifié par Tonio */
	width:250px; 
}
#newsletter .forml:focus,#newsletter .fondo:focus{
	border-bottom:solid 1px #F7AD00;      /* <-- modifié par Tonio */
	border-right:solid 1px #F7AD00;     /* <-- modifié par Tonio */
	border-top:1px solid #F7AD00;     /* <-- modifié par Tonio */
	border-left:1px solid #F7AD00;     /* <-- modifié par Tonio */
	/*background:#FFF9EE ;*/     /* <-- modifié par Tonio */
	color:#433817;     /* <-- modifié par Tonio */
	font-weight:normal;
	font-size:12px;     /* <-- modifié par Tonio */
	padding:2px;     /* <-- modifié par Tonio */
	width:250px; 
}


/*]]>*/