/*  
Theme Name: Mairie de Sèvres by Ecedi
Theme URI: http://maire-de-sevres.com/
Description: Thème pour le site de la Mairie de Sèvres (minisite)</a>.
Version: 1.0
Author: Ecedi
Author URI: http://www.ecedi.fr/

	Mairie de Sèvres by Ecedi v1.0

*/



/* Begin Typography & Colors */


/* bleu: #4467b0  et  #b5c3e0;        vert:#01938e  et  #9ad4d2                  marron:#6b645a   et  #c4c2be   */ 
/*--------------------------------------------------------------------------------------------
			styles couleurs changeant
----------------------------------------------------------------------------------------------*/
body, .bloc-fd-couleur{ background-color:#4467b0;}
.separation a {}
a:link, a:visited,a:hover,a:active, .titre,h1,h2,h3,h4, div#gauche,div#droite  {color:#6b645a;}

div#header {	border-bottom:solid 2px #b5c3e0;} 

/*--------------------------------------------------------------------------------------------
			styles global
----------------------------------------------------------------------------------------------*/

/* style utilisable pour l'outil multimédia */
* html object.hiddenObjectForIE { display: none; }
a{font-size:95%;}
a:link, a:visited { text-decoration: none;  }
a:hover { text-decoration: underline; }

.lien-blanc a,.lien-blanc a:link, .lien-blanc a:visited, .lien-blanc a:hover, .lien-blanc a:active {color:#fff;}

abbr, acronym 	{ border-bottom:1px dotted #EFEFEF; cursor:help; }
img 			{ border:0; }
form 			{ margin:0; padding:0; border:none; }

h1,h2,h3,h4		{ margin:0; padding:0; border:none; font-weight:bold }
h1				{ font-size:220%; }	
h2				{ font-size:150%; margin:0 0 5px 0;  }	
h3				{ font-size:120%;}
h4				{ font-size:100%;}

/*ul, li{margin:0; padding:0;}
li{list-style-type:none;}*/

div.clear { clear:both;}
.txt-gd{font-size:120%; font-weight:bold;}
.alignement-centrer{text-align:center;}
.float-left{float:left}
.float-right{float:right}
.display-block{display:block}
	
html, body { height: 100%;}

body { margin : 0;
	padding : 0;
	width:100%;
	text-align:center;	
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 12px;
	color: #696969;
}

/*--------------------------------------------------------------------------------------------
			styles structure
----------------------------------------------------------------------------------------------*/

div#container {
   position: relative;
	margin : 0 auto;
	padding : 0px;
	width:770px;	
}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV HEADER
// -----------------------------------------------------------------------------
*/
div#header {
	margin:10px 0 0px 0;
	padding-bottom:6px;
	text-align:right;	
	color:#fff;
	font-size:115%;
}

/* -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV CONTENU - PAS DE DEFINITION NECESSAIRE
// -----------------------------------------------------------------------------
*/
	div#contenu { margin:1px 0; padding:0px 0px 0 0px; height:100%;min-height:715px;background:url(../images/fd.gif) repeat-y; text-align:left; overflow:hidden; }
	html>body div#contenu { height: auto; }
	
	.fd-blanc{background:#fff;}
	
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV bloc fd couleur
// -----------------------------------------------------------------------------
*/	
	.bloc-fd-couleur{padding:10px 13px;color:#fff;}
	.bloc-fd-couleur h2 {color:#fff;}
	.bloc-fd-couleur img {margin-bottom:5px;}
	.bloc-fd-couleur a,.bloc-fd-couleur a:link,.bloc-fd-couleur a:visited,.bloc-fd-couleur a:hover,.bloc-fd-couleur a:active{color:#fff;}
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV GAUCHE 
// -----------------------------------------------------------------------------
*/
	div#gauche { float:left; width:180px; text-align:left;}
	
	div#titre {padding:5px 0 32px 24px; background-color:#fff;}
	div#titre .texte{font-size:46%;}	

	div#menu_gauche {margin:0 0 12px 0;  padding:12px 5px 0 5px;	font-size:110%;	border-top:1px dotted #6F6F6F;font-weight:bold;}   
	div#menu_gauche  a { display:block; padding:0 5px;}	
	div#menu_gauche a:hover{ text-decoration:none;  background-color:#dcdcdc;}

	
	div#telechargemt {margin:13px; }
	
	div#menu_gauche li > ul li {padding-left:10px; font-weight:normal;}
	
	div#gauche ul {margin:0; padding:0;}
	div#gauche li {list-style-type:none;}
	
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV CENTRE
// -----------------------------------------------------------------------------
*/
	div#centre {float:left; position:relative; margin:0px 17px; text-align:left; width:376px;}
	div#centre h2		{font-size:220%; margin:10px 0 5px 0; border-top:1px dotted #6F6F6F; border-bottom:1px dotted #6F6F6F;}
	div#centre h3		{font-size:150%; margin-bottom:5px;}
	div#centre h4		{font-size:120%;}
		
    .separation{display:block; background:url(../images/separation.gif) repeat-x 0px 19px; padding:2em 0; }
    .separation a, .separation a:link,.separation a:visited, .separation a:hover,.separation a:active{/*float:right; padding:2px 5px; color:#fff;text-transform:uppercase; font-size:80%;*/}
	.more-link {
	float:right; padding:2px 5px; color:#ffffff !important;text-transform:uppercase; font-size:80%;background-color:#4467b0;	
	}
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV DROITE
// -----------------------------------------------------------------------------
*/
	div#droite {float:left; width:180px; text-align:left;}

	div#archives {margin:10px 13px;}
	
	div#sevres {margin:15px 16px 15px 16px;}
	.txt-img-dr{padding-left:10px; font-size:100%;}
	.txt-img-dr img{margin-left:10px;}
	
	div#droite ul {margin:0; padding:0;}
	div#droite li {list-style-type:none; padding: 0 6px;}
	div#droite #rss-1 ul li, div#droite #rss-2 ul li  {border-bottom:1px dashed #B7AB9A;}
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV BOTTOM - FRONT ET HANDILOG (MENU GAUCHE) - NE PAS SUPPRIMER
// -----------------------------------------------------------------------------
*/
	div#bottom {position:relative;  margin-top:1px; padding:6px 0; border-top:solid 2px #fff; text-align:right;text-transform:uppercase; font-size:85%;}	
textarea{
width:98%;
}
/*AML*/

.linkcat{
padding:0;
margin:0;
}
/* End Typography & Colors */