/* Digest
------------------------------
    1. General
	    1.1 Recurrents
    2. Header
    	2.1 Logo
    	2.2 Recherche
		2.3 PDF + Maville
		2.4 Banner
    3. Content
    	3.1 Colonne principale
			3.1.1 A la une
			3.1.2 Stories
			3.1.3 Manchette sport
		3.2 Colonne centrale
			3.2.1 Box default
			3.2.2 Box Agenda
			3.2.3 Cook and eat, Vous à nous
			3.2.4 Dans les bacs
			3.2.5 On se console
			3.2.6 Photos du jour
		3.3 Colonne de droite
    X. Footer
*/

/* Colors
------------------------------
	# current text	:	#676767
*/

/* em Formula
------------------------------
	1em = 16px (default font) {where 1em = inherited font size}
	so 1px = 1 ÷ 16 = 0.0625em
	to conclude Xpx = X * 0.0625em 
*/

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 1. General <<<-----------*/
/* ----------------------------------------------------------*/

body {
	background: white;
	color: #676767;
	font: normal .80em/1.5em Arial, FreeSans, Helvetica, 'Trebuchet MS', Tahoma, verdana, sans-serif;
}

	  /* -------------------------------------------------------------------------------------------------->>> 1.1 Recurrents <<<-----------*/


/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 2. Header <<<-----------*/
/* ----------------------------------------------------------*/

#wrap-header {
	background: #A7211E url(../../images/structure/background/bg-header-01.gif) repeat-x bottom left;
	height: 97px;
}
#wrap-header #header {
	background: transparent url(../../images/structure/background/bg-header-02.gif) no-repeat center bottom;
	color: white;
	height: 97px;
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#wrap-header #header .date {
	left:100px;
	position:absolute;
	top:60px;
	font-size: .85em;
	color: #e6e3d6;
	font-family: 'Trebuchet MS', sans-serif;
}
#wrap-header #header .date strong {color: #A7211E;text-transform:capitalize;}

	  /* -------------------------------------------------------------------------------------------------->>> 2.1 Logo <<<-----------*/

#wrap-header #header h1 {
	float: left;
	padding: 20px 0 0 0;
}
#wrap-header #header h1 img {
background:url("../../images/structure/background/bg-logo-v2.gif") no-repeat scroll right bottom transparent;
display:block;
padding:0 2px 10px 0;
}
	  

	  /* -------------------------------------------------------------------------------------------------->>> 2.2 Recherche <<<-----------*/

#wrap-header #header .rechercher {
	background: transparent url(../../images/structure/background/bg-search.gif) no-repeat center left;
	padding-left: 55px;
	height: 45px;
	float: left;
	margin: 25px 0 0 45px;
}
#IE6 #wrap-header #header .rechercher {display: inline;}
#wrap-header #header .rechercher label {
	display: block;
	text-transform: uppercase;
	color: #A7211E;
	font-weight: 900;
	font-family: 'Trebuchet MS', sans-serif;
}
#wrap-header #header .rechercher input#q.montre {
background-image:url(/img/google.gif);
width:170px;
}
#wrap-header #header .rechercher input#q.hiddenq {
	background-color:white;
	background-image:none;
	width:170px;
}

#wrap-header #header .rechercher #btn-ok {
	border: 0;
	background: #e6e3d6;
	color: #8c8a82;
	padding: 2px 4px;
}
#wrap-header #header .rechercher #btn-ok:focus,#wrap-header #header .rechercher #btn-ok:hover {
	background: #8c8a82;
	color: #e6e3d6;
}

		/* -------------------------------------------------------------------------------------------------->>> 2.3 PDF + Maville <<<-----------*/

#wrap-header #header ul.pdf {
	float: left;
	height: 25px;
	background: transparent url(../../images/structure/background/bg-pdf.gif) no-repeat center left;
	margin:25px 0 0 0;
	padding:10px 0 10px 63px;
	width:201px;
	line-height:14px;
}
#wrap-header #header a.pdf {
	display: block;
	text-transform: uppercase;
	color: #A7211E;
	font-weight: 900;
	font-family: 'Trebuchet MS', sans-serif;
}
#wrap-header #header .pdf acronym {
	border: 0;
}

#wrap-header #header .maville {
	display: block;
	margin: 15px 0 0 10px;
	float: left;
}

		/* -------------------------------------------------------------------------------------------------->>> 2.4 Banner <<<-----------*/

#banner-leader {
	background: #e6e3d6;
	margin-bottom: 10px;
}
#banner-leader #banner {
	width: 1000px;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
}

/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Content <<<-----------*/
/* ----------------------------------------------------------*/

#content {
	width: 1000px;
	margin: 0 auto;
	background: white url(../../images/structure/background/shadow-right.gif) repeat-y 780px 0;
}
div#content.large {
	background: white url(../../images/structure/background/shadow-right.gif) repeat-y 680px 0;
}
#content #col-01 {
	width: 458px;
	padding-right: 10px;
	float: left;
}
div#content.large #col-01 {
width:680px;
}
#content #col-02 {
	width: 300px;
	padding-right: 10px;
	float: left;
}
#extra-wrapper {
	float: left;
	width: 780px;
}
div.large #extra-wrapper {
	float: left;
	width: 1000px;
}
#content #col-03 {
	width: 210px;
	float: right;
}

	/* -------------------------------------------------------------------------------------------------->>> 3.1 Colonne Principale <<<-----------*/

#content #col-01 h2 {
	color: #A7211E;
}
#content #col-01 h2  a {
	color: #A7211E;
	text-decoration: none;
}
#content #col-01 h2  a:hover, #content #col-01 h2  a:focus {
	text-decoration: underline;
}
#content #col-01 .great-title {
	background: #A7211E;
	color: white;
	display: block;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: left;
	padding: 10px 0 10px 10px;
}
#content #col-01 .great-title a {
	color: white;
	text-decoration: none;
}
#content #col-01 .great-title a:hover {
	text-decoration: underline;
}
	
		/* -------------------------------------------------------------------------------------------------->>> 3.1.1 A la Une <<<-----------*/
	
#content #col-01 .a-la-une {
	background: #e6e3d6;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#content #col-01 .a-la-une img {
	display: block;
	margin: 0 auto 10px auto;
}
#content #col-01 .a-la-une h2 {
	font-size: 1.5em;
	font-weight: 900;
	text-transform: uppercase;
	margin-left: 10px;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.1.2 Stories <<<-----------*/

#content #col-01 .stories {
	padding-left: 10px;
}
#content #col-01 .stories li {
border-bottom:1px dotted #333333;
float:left;
margin:0 0 10px;
padding-bottom:10px;
width:100%;
}
#content #col-01 .stories li img {
	display: block;
	float: left;
	margin-right: 10px;
	border: 1px solid #96948c;
		/* CSS3 properties */
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
}
#content #col-01 .stories li a:hover img {
	border: 1px solid #000;
}
#content #col-01 .stories li strong {
	font-weight: 400;
	text-transform: uppercase;
	color: black;
	font-size: .9em;
	letter-spacing: -0.01em;
}
#content #col-01 .stories li h2 {
	font-weight: bold;
	font-size: 1.3em;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.1.3 Manchette <<<-----------*/
	
#content #col-01 .manchette {
	background: #ffeddc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#content #col-01 .manchette .great-title {
	padding-bottom: 20px;
	margin-bottom: 5px;
	background: #A7211E url(../../images/structure/background/bg-title-02.gif) no-repeat bottom left;
}
#content #col-01 .manchette img {
	display: block;
	float: left;
	margin: 0 10px;
	border: 1px solid #96948c;
		/* CSS3 properties */
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
}
#content #col-01 .manchette a:hover img {
	border: 1px solid #000;
}
#content #col-01 .manchette strong {
	font-weight: 400;
	text-transform: uppercase;
	color: black;
	font-size: .9em;
	letter-spacing: -0.01em;
}
#content #col-01 .manchette h2 {
	font-weight: 400;
	font-size: 1.3em;
}

#content #col-01 .manchette h2 {
	font-weight: 400;
	font-size: 1.3em;
}

#content #col-01 span.incipit {
font-weight:bold;
text-transform:uppercase;
}
#content #col-01 ul.listart li  {
	background:none;
	text-transform: none;
	border-bottom:1px solid #E6E3D6
}

#content #col-01 ul.listart li h3 {
	background:none;
	text-transform: none;
	padding:0pt 0pt 0pt 0pt;
}
#content #col-01 ul.listart li h3 a{
	color:#A7211E ;
}
	

	/* -------------------------------------------------------------------------------------------------->>> 3.2 Colonne centrale <<<-----------*/

.imu, .facebook {margin-bottom: 10px;}
.imu img {
	display: block;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.2.1 Box default <<<-----------*/

#col-02 .box {
	background: #e6e3d6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#col-02 .box a {color: #A7211E;}
#col-02 .box h2 {
	background: #A7211E url(../../images/structure/background/bg-title-col-02.gif) no-repeat bottom left;
	font-size: 1.5em;
	color: white;
	text-transform: uppercase;
	font-weight: 900;
	padding: 5px 0 20px 10px;
}
#col-02 .box h2 a{
color:white;
text-decoration:none;
}
#col-02 .box h2 a:hover{
text-decoration:underline;
}
#col-02 .box ul {
	color: #A7211E;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 29px;
	clear: both;
}
#col-02 #recentcomments.box ul{
	margin-left: 10px;
}

#col-02 .box ul li {
	margin-bottom: 5px;
	line-height: 1.3em;
}
#col-02 .box .besides {
	display: block;
	color: black;
	text-decoration: underline;
	float: right;
	margin-right: 10px;
}
#col-02 .box .besides:hover {
	text-decoration: none;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.2.2 Box agenda <<<-----------*/

#col-02 .agenda ul {
	list-style: none none;
	margin: 0;
	padding: 0 10px;
}
#col-02 .agenda ul li {
	background: transparent url(../../images/structure/background/border-col-02.gif) repeat-x bottom left;
	padding-bottom: 5px;
	margin-bottom: 5px;
	float: left;
	width: 100%;
}
#col-02 .agenda  .date {
	background: #ffeddc;
	color: black;
	float: left;
	margin-right: 10px;
	width: 31px;
	text-align: center;
	line-height: 1.1em;
	padding: 3px 0;
	text-transform: uppercase;
	font-size: .85em;
	font-weight: 900;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.2.3 Cook and eat, Vous à nous <<<-----------*/

#col-02 .cook .eat, #col-02 .vous-nous .eat {
	background: transparent url(../../images/structure/background/border-col-02.gif) repeat-x bottom left;
	margin: 0 10px;
	padding-bottom: 10px;
}
#col-02 .left img {
	float: left;
	display: block;
	margin-right: 10px;
}
#col-02 .right img {
	float: right;
	display: block;
	margin-left: 10px;
}
#col-02 .cook h3, #col-02 .vous-nous h3 {
	font-size: 1.2em;
	font-weight: 900;
}
#col-02 .cook ul, #col-02 .vous-nous ul {
	padding-top: 10px;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.2.4 Dans les bacs <<<-----------*/

#col-02 .bac .pochettes {
	background: transparent url(../../images/structure/background/border-col-02.gif) repeat-x bottom left;
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;
	float: left;
	width: 280px;
}
#col-02 .bac .pochettes ul {
	list-style: none none;
	margin: 0;
}
#col-02 .bac .pochettes ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 9px 0  0;
}
#col-02 .bac .pochettes ul .last {
	padding: 0;
}
#col-02 .bac .pochettes ul li img {
	display: block;
	border: 1px solid white;
		/* CSS3 properties */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
}
#col-02 .bac .pochettes ul li a:hover img {
	display: block;
	border: 1px solid #8C8A82;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.2.5 On se console <<<-----------*/
	
#col-02 .console .xbox {
	background: transparent url(../../images/structure/background/border-col-02.gif) repeat-x bottom left;
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;
}
#col-02 .console .xbox img {
	display: block;
	border: 1px solid white;
	margin: 0 auto 10px auto;
		/* CSS3 properties */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
}
#col-02 .console .xbox a:hover img {
	display: block;
	border: 1px solid #8C8A82;
}
#col-02 .console .xbox h3 {
	font-size: 1.2em;
	font-weight: 900;
}

		/* -------------------------------------------------------------------------------------------------->>> 3.2.6 Photos du jour <<<-----------*/		

#extra-wrapper .album {
	background: #636262 url(../../images/structure/background/degrade-tof.gif) repeat-x top left;
	color: white;
	padding: 10px;
	margin-top: 10px;
	float: left;
	width: 760px;
}
#extra-wrapper .album a {color: white; text-decoration: underline;}
#extra-wrapper .album a:hover {color: white; text-decoration: none;}
#extra-wrapper .album .nb-photo {
	float: right;
	color: #A7211E;
	font-size: 1.1em;
	font-weight: 900;
}
#extra-wrapper .album h2 {
	color: #A7211E;
	font-size: 1.5em;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0 0 0 #000;
	margin-bottom: 10px;
}
#extra-wrapper .album img {
	float: left;
	padding-right: 10px;
}
#extra-wrapper .album h3 {
	font-weight: 900;
	text-transform: uppercase;
}
#extra-wrapper .album h3 a {text-decoration: none;}
#extra-wrapper .album h3 a:hover, #extra-wrapper .album h3 a:focus {text-decoration: underline;}
#extra-wrapper .album p {margin: 1em 0;}
#extra-wrapper .album small {color: #666;}

		/* -------------------------------------------------------------------------------------------------->>> 3.2.7 Ma ville <<<-----------*/		

#extra-wrapper .maville {
	background: #c26000 url(../../images/structure/background/maville.jpg) no-repeat 0 0;
	padding: 55px 10px 10px 170px;
	float: left;
	width: 600px;
}
#extra-wrapper .maville a {color: white;}
#extra-wrapper .maville h2 span {
	display: none;
}
#extra-wrapper .maville h2 {
	color: #2b2b2b;
	margin-bottom: 1em;
	font-size: 1.5em;
}
#extra-wrapper .maville  ul {
	float: left;
	padding-right: 10px;
}

	/* -------------------------------------------------------------------------------------------------->>> 3.2 Colonne centrale <<<-----------*/


		
/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> X. Footer <<<-----------*/
/* ----------------------------------------------------------*/

#wrap-footer {
	background: transparent;
}
#wrap-footer .footer {
	margin: 0 auto;
	padding-top: 10px;
	width: 1000px;
}

	  /* -------------------------------------------------------------------------------------------------->>> X.1 Footer links <<<-----------*/

	  
	  
/*************************** ANNONCES MAVILLE ******************************/

	

	#annonces {
		margin-bottom:15px;
		float:left;
		width:210px;
	}
	
	#annonces h2 {
		background:transparent url(/img/special-v2/structure/background/annonces-bg.jpg) no-repeat scroll left top;
		color:white;
		display:block;
		height:40px;
		padding:34px 0 0 100px;
		width:110px;
		font-size:15px;
	}
	
	#annonces .content {
		margin-left:34px;
		padding-top:10px;
	}
	
	#annonces .content .titre {
		border-top:1px solid #B6B6B6;
		clear:both;
		color:#A500D1;
		font-weight:bold;
		margin-bottom:15px;
		padding-top:10px;
		text-transform:capitalize;
		cursor:pointer;
	}
	#annonces .content .titre:hover {
		text-decoration:underline;
	}
	#annonces #liste-vide-greniers{
		display:none;
	}
	#annonces #liste-emplois-de-proximite{
		display:none;
	}
	#annonces #liste-vivre-dans-ma-ville{
		display:none;
	}
	#annonces #liste-tel-micro-image{
		display:none;
	}	
	#annonces .content div.liste-vide-greniers,
	#annonces .content div.liste-emplois-de-proximite,
	#annonces .content div.liste-vivre-dans-ma-ville,
	#annonces .content div.liste-tel-micro-image{
		font-weight:normal;
		color:black;
	}	
	#annonces .content .objet  {
		margin-bottom:14px;
		clear:both;
		float:left;
		width:170px;
	}
	
	#annonces .content .objet  img{
		float:left;
		margin-right:10px;
	}
	
	#annonces .content .objet  p {
		line-height:1.25em;
	}
	#annonces .content .objet  p a{
		color:black;
	}
	#annonces ul {
		float:left;
		margin-top:10px;
		width:160px;
	}
	
	#annonces li {
		padding:10px 0;
		border-bottom:1px solid #b6b6b6;
	}
	
	#annonces li a{
		color:#404040;
	}
	
	#annonces .content a.savoir-plus {
		float:right;
		color:#a500d1;
		margin:15px 0;

	}
	#annonces .content a.savoir-plus:hover {
		float:right;
		color:#a500d1;
		margin:15px 0;

	}	

	#restos {
		margin-bottom:15px;
		float:left;
		width:210px
	}
	
	#restos h2 {
		background:transparent url(/img/special-v2/structure/background/restos-bg.jpg) no-repeat scroll left top;
		color:white;
		display:block;
		font-size:15px;
		height:59px;
		padding:32px 0 0 90px;
		width:120px;
	}
	
	#restos .content {
		margin:10px 0 0 15px;
	}
	
	#restos .content .titre {
		background:transparent url(/img/special-v2/elements/puce-noire.gif) no-repeat scroll 0px 4px;
		padding-left:12px;
		color:black;
		margin-bottom:5px;
	}
	
	#restos .content p {
		line-height:1.5em;
		color:#05475b;
		font-weight:bold;
		margin-left:15px;
		margin-bottom:20px;
	}
	
	#restos a.savoir-plus {
		display:block;
		text-decoration:underline;
		color:#049dcb;
		text-align:center;
	}
	
	#promo3 img{
		border:1px solid #878789;
		margin:0 0 15px 6px;
	}


	
	#jeux {
		margin-bottom:15px;
		float:left;
		width:210px
	}
	
	#jeux h2 {
		background:transparent url(/img/special-v2/structure/background/jeux-bg.jpg) no-repeat scroll left top;
		color:white;
		display:block;
		height:41px;
		padding:28px 0 0 90px;
		width:120px;
		font-size:15px;
	}
	
	#jeux .content {
		padding-top:10px;
	}
	
	#jeux .content .picture img {
		margin:0 auto;
		display:block;
	}
	
	#jeux .content .titre {
		color:#ba9608;
		font-weight:bold;
		line-height:1.45em;
	}
	
	#jeux .content p {
		padding:0 0 0 25px;
		line-height:1.45em;
	}
	#jeux .content a{
		color : black;
	}	
	#jeux  a.savoir-plus {
		float:right;
		color:#ba9608;
		text-decoration:underline;
		margin:10px;
	}


	div.bleu {
		margin-bottom:15px;
		float:left;
		width:210px
	}
	
	div.bleu h2 {
		background:transparent url(/img/special-v2/structure/background/agenda-bg.jpg) no-repeat scroll left top;
		color:white;
		display:block;
		font-size:15px;
		height:38px;
		padding:24px 0 0 90px;
		width:120px;
	}
	div.bleu ul {
		padding-left:10px;
	}
	div.bleu ul.liste_blue {

	}
	div.bleu ul.liste_blue li {
		border-bottom:1px dotted;
		padding:5px 0;
	}
	div.bleu ul.liste_blue li h5.agenda {
		font-weight:normal;
		text-transform:uppercase;
	}	
	div.bleu ul.liste_blue li p.agenda {
		font-size:14px;
		font-weight:bold;
	}
	div.bleu ul.liste_blue li a {
		color:#757575;
	}	
	
	
	
	div.bleu ul.light_blue {
		margin-top:1px;
		padding-bottom:5px;
		padding-top:5px;
	}
	div.bleu ul.light_blue li {
		font-size:12px;
		text-align:left;
	}
	div.bleu ul.light_blue li a {
		float:right;
		color:#FE7E00;
		text-decoration:underline;
	}


	#cinemas {
		margin-bottom:15px;
		float:left;
		width:210px
	}
	
	#cinemas h2 {
		background:transparent url(/img/special-v2/structure/background/cinema-bg.jpg) no-repeat scroll left top;
		color:white;
		display:block;
		font-size:15px;
		height:41px;
		padding:42px 0 0 90px;
		width:120px;
	}
	
	#cinemas .content {
		padding-top:10px;
		padding-left:15px;
	}
	#cinemas .content ul li {
		background:transparent url(/img/special-v2/structure/background/puce.gif) no-repeat scroll 0 9px;
		padding:0 0 0 10px;
	}
	
	#cinemas .content .picture img {
		margin:0 auto;
		display:block;
	}
	
	#cinemas .content .titre {
		color:#ba9608;
		font-weight:bold;
		padding:8px 0 0 25px;
		line-height:1.45em;
		width:192px;
	}
	
	#cinemas .content p {
		padding:0 0 0 25px;
		line-height:1.45em;
		width:192px;
	}
	#cinemas .content a{
		color : black;
	}	
	#cinemas  a.savoir-plus {
		float:right;
		color:#497916;
		text-decoration:underline;
		margin:10px;
	}	
 /* -------------------------------------------------------------------------------------------------->>> 5.1.3 Article <<<-----------*/
 #col-01 .a-la-une .date {
margin-left:10px;
}
 #col-01 .date {
color:#757575;
font-size:0.85em;
margin-bottom:0;
margin-top:0;
padding:0;
}
#col-01 .exergue {
	color:#333333;
	font-weight:bold;
	text-transform:uppercase;
}

.story {
width:458px;
}
.story h2 {
	color:#271F63;
	font-family:Arial, Trebuchet MS,Verdana,sans-serif;
	font-size:2.2em;
	font-weight:600;
	line-height:1em;
}
#col-01 .story span.date{
	color:#757575;
	font-size:0.85em;
	margin-top:5px;
	padding-bottom:10px;
	width:480px;
}


#outils {
border:1px solid #757575;
float:left;
margin-top:20px;
width:40px;
clear:both;
margin-bottom:10px;
}
#outils-list{

}
#outils li {
padding:5px 12px;
}
#outils-partager-abonner {
float:right;
width:240px;
}
#outils-partager-abonner .partager-abonner{
border:1px solid #757575;
float:right;
margin-bottom:10px;
padding:5px;
width:90%;
}
#outils-partager-abonner .partager-abonner span{
color:#3F3F3F;
display:inline;
float:left;
font-weight:bold;
padding-right:10px;
}
#outils-partager-abonner #partager-list li, #outils-partager-abonner #abonner-list li{
display:inline;
padding:3px;
}
div#image {
float:left;
margin-right:10px;
width:250px;
}
div#image-pdf {
float:left;
margin-right:10px;
width:135px;
}
.story p.chapeau {
color:#A7211E;
font-weight:bold;
line-height:1.8em;
}
#col-01 .story h4.exergue {
color:#A7211E;
font-size:1.2em;
font-weight:bold;
line-height:2.4em;
margin-bottom:5px;
}
.story span.image {
color:white;
float:left;
width:240px;
padding:5px;
background:#3B3A3A;
}
.story span.image.large {
width:450px;
}

.story div.body {
line-height:1.5em;
margin-top:20px;
float:right;
width:410px;
margin-bottom:10px;
}

.story div.body.iframe {
	width:485px;
}

.story div.body h4 {
color:#271F63;
font-size:1.2em;
font-weight:bold;
line-height:2.4em;
margin-bottom:5px;
}

div.ours_dossier {
	background-color:#F1F0F0;
border:1px dotted #CECBC3;
float:right;
margin-bottom:8px;
margin-top:8px;
padding:4px;
text-align:left;
width:450px;
 }
div.ours_dossier h2 {
border-bottom:1px solid #CFCFCF;
color:#EE7203;
font-size:1.6em;
margin-bottom:10px;
}

.compas {
	text-align:left;
	width:100%;
	margin-bottom: 5px;
	display:block;
}
.compas a, .compas a:visited {
    color: #A7211E;
    font-weight: 900;
}
#content #col-01 h3 {
background:#A7211E none repeat scroll 0 0;
color:white;
font-size:18px;
margin-bottom:10px;
padding:3px 0 3px 8px;
text-transform:uppercase;
}
div#facebook-commentaires{
	width: 450px;
	clear:both;
}
.FB_comments{
	width: 450px;
}
.fb_content_loader{
	width: 450px;
}
#facebook-commentaires .FB_comments .FB_SERVER_IFRAME{
	width: 450px;
}

.story #disqus_thread {
margin-bottom:10px;
padding-top:20px;
width:430px;   
clear:both;
}
.story #dsq-content a {
color:#676767;
}
#content #col-01 .story #dsq-content h3 {
color:#A7211E;
background:white;
text-transform:none;
}
/*
#content #col-01 h3 {
font-size:18px;
margin-bottom:10px;
padding:3px 0 3px 8px;
text-transform:uppercase;
}
*/
body div#footer-static {
margin-top:20px;
width:1000px;
}

div#meteo_all {
	float:right;
	margin-bottom:10px;
	width:200px;
}
#col-03 .argent {
	background:transparent url(/img/maville_meteo.jpg) no-repeat scroll 0 0;
	height:174px;
	width:160px;
}
#col-03 .argent h2 {
	color:white;
	font-size:12px;
	padding:3px;
	text-align:left;
}
#col-03 .argent h2 a {
	color:white;
}
div#meteo {
	color:#FB7408;
	font-family:arial;
	font-size:12px;
	padding-left:75px;
	padding-top:10px;
	width:60px;
	margin-left:20px;
}
div#meteo img {
	float:left;
	height:40px;
	margin-right:5px;
	width:50px;
}
div#meteobis {
	color:#3F3F3F;
	font-family:arial;
	font-size:11px;
	padding-left:80px;
	padding-top:3px;
}
div#bottom_meteo {
	height:26px;
	width:160px;
}
/******************************** GSA *********************************/

	div#googleresults{
		float:left;
		padding-right:10px;
		text-align:left;
		width:670px;
	}
	div#googleresults-video{
		float:right	;
		text-align:left;
		width:290px;
		background-color:#EBEFF9;
		border:1px dotted #CECBC3;
		margin-bottom:8px;
		margin-top:8px;
		padding:4px;
		font-size:0.8em;
	}
	div#googleresults-video a.lien_bloc{
		font-size:1.1em;
		font-weight:bold;
	}
	#googleresults-video h2 {
		color:#005A91;
		font-size:1.4em;
		font-weight:bold;
		margin-bottom:2px;
	}
	div#rechercher-top {
		background:#E6E3D6 none repeat scroll 0 0;
		border-top:1px solid #A7211E;
		margin:15px 0;
		text-align:left;
	}
	#google_middle div#rechercher-top{
		/*margin:5px 0;
		text-align:left;
		color:#003872;
		background:none;
		border:none;
		font-weight:bold;
		border-bottom:1px solid #CFCFCF;*/
		background:#073161 url(/img/locales/elements/top_bleu_marine.jpg) repeat-x scroll 0 0;
		border:medium none;
		color:white;
		font-size:0.9em;
		font-weight:bold;
		margin:5px 0;
		padding:3px;
		text-align:left;
	}
	
	
	div.keymatch{
		border:1px solid #C9D7F1;
		float:left;
		width:100%;
		padding:5px 0px;
		margin-bottom:5px;
		margin-top:5px;
	}
	
	div#keymatch{
		border-bottom:1px solid #C9D7F1;
		border-top:1px solid #C9D7F1;
		width:100%;
		padding-top:10px;
		padding-bottom:26px!important;
		padding-bottom:10px;
		background:#EBEFF9 none repeat scroll 0 0;
		margin-top:6px;
	}
	div#keymatch span{
		margin-left:10px;
		text-align:right;
	}
	div#form-recherche{
		padding:20px;
		text-align:left;
	}
	blockquote.g {
		font-size:1em;
		font-style:normal;
		font-weight:normal;
		text-transform:none;
	}
	img.google-thumb{
		padding:0 10px;
	}
	
	#srchDates li {
		border-right:1px solid #BEBEBE;
		display:inline;
		float:left;
		padding:0 10px;
	}
	div#googleads{
		float:right;width:300px;
	}
	
	
.Style3 {font-size: 12px; font-family: Arial, Helvetica, sans-serif;text-align:left;}
.Style5 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.Style6 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.Style9 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-align:left;
}
div.infos-legales{
color:#8E97A0;
font-family:Verdana,Arial;
font-size:10px;
margin:0 auto;
margin:15px auto 0;
width:1000px;
}
div.infos-legales span{
font-weight:bold;
}
div.infos-legales span a{
color:#8E97A0;
}