@charset "UTF-8";
html{
	height:100%;
	margin: 0; 
	padding: 0;
	
}
body  {
	background-color:#FFF;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	height:100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../images/bgpicture.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#container {
	width: 960px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	display: block;
} 
#header {
	height: 137px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
} 
#header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}
#header .logocnes {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
#headermenu {
	height: 32px;
	background-image: url(../images/menubarbg.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#headermenu ul {
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 5px;
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
	float: left;
}
#headermenu ul img {
	margin: 0px;
	padding-right: 10px;
}
#headermenu ul li {
	list-style-type: none;
	margin: 0px;
	display: inline;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#headermenu ul li a {
	color:#FFF;
	text-decoration: none;
}
#headermenu form {
	display: block;
	float: right;
	width: 270px;
}
#headermenu .search {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 37px;
}
#headermenu .keyword {
	display: block;
	float: left;
	height: 20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 4px;
	padding-left: 5px;
	line-height: 20px;
	color: #666;
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #a6a6a6;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #a6a6a6;
}
#header h1 {
	margin: 0;
	display: block;
	float: right;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	font-size: 48px;
	letter-spacing: -2px;
	color: #656565;
	line-height: 48px;
}

#flashome {
	
	background-color: #999;
	padding: 0px;
	margin-top: 45px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	display: block;
	overflow: inherit;
	width: 920px;
}
#sidebar {
	
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 365px;
	color: #535353;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 20px;
	background-image: url(../images/sidebartop.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainContent {
	margin: 0 385px 0 0; /* La marge droite de cet élément div crée la colonne qui s'étend sur le côté droit de la page - quel que soit le contenu de l'élément div sidebar, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar lorsque le contenu de ce dernier se termine. */
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
} 
#footer {
	text-align: left;
	background-color: #D6D6D6;
	background-image: url(../images/footerbottom.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 100%;
	margin: 0px;
	float: left;
	clear: both;
	height: 100px;
} 
#footer a{
	color: #555555;
	text-decoration:none;
} 
#footer p {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-size: 12px;
	color: #848484;
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#piclist{
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #333;
	float:left;
}
#picblock{
	padding: 0px;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 0px;
	width: auto;
	height:124px;
}
#picblockliste{
	padding: 0px;
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 0px;
	width: 250px;
}
#picblock img{
	padding: 0px;
	margin: 0px;
}
#mainContent h2{
	font-size: 18px;
	color: #272727;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
}
#mainContent p{
	font-size: 12px;
	color: #333;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#tooltip{
	position:absolute;
	
	color:#333;
	display:none;
	text-align:left;
	font-size: 13px;
	width:220px;
	height: 90px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 10px;
	line-height: 14px;
	background-image:url(../images/tooltip.png);
	
	}
#tooltip a{
	
	padding-top: 10px;
	font-size: 11px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#sidebar ul {
	list-style:none;
	display: block;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sidebar h1,h2,h3,h4{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sidebar h2,h3{
	font-size:16px;
	font-weight: normal;
}
#sidebar ul li ul{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#sidebar li a{
	font-size:13px;
	line-height:normal;
	text-decoration:none;
	
}
a {
 color: #906;
}
#sidebar p{
	font-size:13px;
}
#fiche{
	display: block;
}
#fiche p{
	line-height:normal;
}
#fiche p a{
	color: #520740;
	text-decoration:underline;
}
#fiche p a:hover{
	color: #520740;
	text-decoration:underline;}


#picblock p{
	display: block;
	margin: 0px;
	padding: 0px;
}











ul#menu {
	color: #fff;
	margin: 0px;
	padding: 0px;
}


ul#menu li {
display: inline;
margin: 0.1em 1em;
position: relative;
margin: 0px;
	padding: 0px;
	float:left;
	z-index:99999;
}

ul#menu .cat-item{
	margin: 0px;
	padding: 0px;
}

ul#menu h2, ul#menu h3 {
font-size: 100%;
font-weight: normal;
display: inline;
}


ul#menu li a {
	color: #fff;
	text-decoration: none;
	padding: 0 0.4em;
	font-weight: bold;
}

ul#menu li a:hover {
text-decoration: underline;
}

ul#menu li.mega a {
/*background: transparent url(arrow.gif) center right no-repeat;*/
padding: 0 0;
}

ul#menu li.mega a:hover {
	text-decoration: underline;
}
ul#menu .menucatdescr{
	font-size: 11px;
	margin-bottom:5px;
	padding-bottom:8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #fff;
	min-height:40px;
}
ul#menu div {
display: none;
}

ul#menu li.mega div {
	position: absolute;
	top: 32px;
	left: -20px;
	color: #FFF;
	width:414px;
	background-color: transparent;
	background-image: url(../images/dropmenubg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 13px;
	z-index: 100000;
}
ul#menu li.mega div img {
	margin: 0px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul#menu li.mega div p a {
font-size: 14px;

}

ul#menu li.hovering div {
display: block;
}

ul#menu li.mega div a {
	color: #FFF;
	padding: 0;
	background-image: none;
	text-decoration: none;
}

ul#menu li div a.more {
color: #EEE;
font-weight: bold;
}


ul#menu div h3 {
color: #EEE;
font-weight: bold;
font-size: 1.1em;
}
ul#menu div p {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 88px;
}
.moncur{
	
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */
.widget_archive{
	width: 145px;
	display: block;
	float: left;
}
.widget_categories{
	display: block;
	float: right;
	margin-left: 15px;
	width: 160px;
}

.widget_links{
	display: block;
	float: left;
	margin-bottom:20px;
}
.widget_archive ul{
	 border: 0 none;
}
#sidebar ul li {
	border-bottom:1px dotted #666666;
	padding-top:10px;
	
	
}
#sidebar ul li ul li{
	border-bottom-style: none;
	margin-top:0px;
	padding-top:0px;
	font-size:13px;
}
.sidebarbottom{
	background-image: url(../images/sidebarbottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
.post{
	border-bottom:1px dotted #666666;
	display: block;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	float:left;
}
.page{
	border-bottom:1px dotted #666666;
	display: block;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	float:left;
}
.meta{
	font-size:12px;
	
}
.navigation{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
    #viewport { 
        width: 520px; 
        height: 400px; 
        cursor: move; 
        margin: 20px auto; 
        overflow: hidden; /*keep map contents from spilling over if JS is disabled*/ 
    }
	
.addthis_toolbox{
	float:left;
	height: 20px;
	width: 100%;
	font-size:12px;
	padding-top:10px;
	padding-bottom:20px;
}
.addthis_toolbox a{
	color:#F30;
	text-decoration:none;

}
#commentaire{
	float:left;
	width:100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
#commentaire p, .comment p{
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#commentaire .commentairepar{
	font-size:11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#help{
	font-size:11px;
	background-image: url(../images/help_icon-trans.png);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 20px;
	float: right;
}
.feedback {
font-size:12px;
margin-bottom:10px;
}
.feedback a{
color:#272727;
}
h3.storytitle{
	margin-bottom:5px;
}
h3.storytitle a{
color:#272727;
text-decoration:none;
}
.result{
	margin-right: auto;
	margin-left: auto;
	display: block;
	position: relative;
	padding-left: 20px;
}
#fiche ul {
	font-size:12px;
	padding-top:10px;
	margin-top:0px;
	padding-bottom:15px;
	background-color:#FFFAE2;
}
#fiche ul li {
	list-style-image: url(../images/list-icon.gif);
	list-style-type: none;	
}
#metadata{
	height: 25px;
	position: absolute;
	z-index: 10000;
	right: 0px;
	top: auto;
	bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-right: 15px;
	text-align:right;

}
#form_newsletter{
	font-size:12px;
	
}
#tag_update {
        display: block;
        position:absolute;
        z-index:1;
		
}
#tag_update ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#tag_update ul li {
        margin: 0;
        padding: 0;
		font-size:12px;
}
#tag_update li{
        display:block;
        clear:both;
}
#tag_update a {
        width:auto;
        display: block;
        padding: .2em .3em;
        text-decoration: none;
        color: #fff;
        background-color: #1B1B1C;
        text-align: left;
}
#tag_update a:hover{
        color: #fff;
        background-color: #373737;
        background-image: none;
}
.bookmarks_displayer_widget{
	display:block;
	float:left;
	clear:left;
}
.numcomments {
	height: 25px;
	width: 18px;
	background-image: url(../images/commentbullebg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 5px;
	text-align: center;
}

.decotxt {
	padding-top: 3px;
	padding-left: 35px;
	font-size: 14px;
	display: block;
	height: 25px;
	padding-bottom: 0px;
}
.decotxt small{
	font-size: 12px;
	font-weight: normal;
}