/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ on reset tout */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*Fin du reset Meyer*/
html,body{
margin:0;
padding:0;
}

body{
font: 76% arial,sans-serif;
text-align:center;
background: #fff url(squelettes/img/backgroundbody.jpg) repeat-x;
}

p{
margin:0 10px 10px;
}

a{
color: #D40000;
text-decoration: none;
}

a:hover{
color: #D40000;
text-decoration: underline;
}

a.spip_out:hover{
color: #D40000;
text-decoration: underline;	
}

#container{
text-align:left;
background-color: #fff;
width:1200px;
margin:0 auto;
}

#wrapper{
float:left;
width:100%;
float:left;
width:100%;
}

#wrapperpluspetit{
width:1000px;
margin-left: 200px;
background-color: #000;
}

#content{
margin-left: 350px;
background-color:#980E10;
height: 603px;/*Hauteur minimum sinon pas joli*/
overflow:hidden;
margin-top: 0px;
padding-bottom: 150px;
background: #CE1B16 url(squelettes/img/fondrougebottom.jpg) no-repeat left bottom;
font-size:1em;
}

#content img.cartefrance{
}

html>body #content{
height: auto;
min-height: 603px;
} /*hack pour ie et opera http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer*/



#content p{
line-height:1.4;
color:#fff;
margin:10px;
font-size:1.3em;
}

#content a{
color: #FFF;
border-bottom :1px solid #fff;	
text-decoration: none;	
}


#content a:hover{
color: #000;	
border-bottom :1px solid #000;
text-decoration: none;
display: inline;
text-align: left;	
}

#content #rubriquecarto a{
color: #D40000;
border-bottom :1px solid #fff;	
}


#content #rubriquecarto a:hover{
color: #000;	
border-bottom :1px solid #000;
text-decoration: none;
display: inline;
text-align: left;	
}


#content h1{
text-align:center;
color: #000;
font-size: 2em;
}

#partenaires{
background-color:#fff;
margin-left: 350px;
width:auto;
height:auto;
text-align:center;
padding-top: 10px;
}

#logoscontact{
float: right;
display: inline;	
margin-top: 30px;
background: #10120F;
}

#logoscontact img{
margin: 10px;
}



#header{
height:180px;
margin:0;
background: #10120F url(squelettes/img/mavillepascher.jpg) no-repeat;
}

#headerbas{
height:30px;
background: #10120F;
}

#headerbas p{
color: #FFF;
text-align:right;
}



#espacepubhaut{
height:70px;	
background-color: #FFF;
text-align:center;
border-bottom: 0px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
text-align: right;
}

#espacepubhaut img{
margin:5px;
}

#ongletnavigation{
width:1000px; /*verifier ie*/
height: auto;
background-color: #FFF;
color: #000;
margin-left: 200px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 0px solid #625e00;
background: black url(squelettes/img/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(squelettes/img/blockactive.gif) center center repeat-x;
}

#navigation{
background-color:#FFF;
height:1200px;
float:left;
width:198px;
margin-left:-1200px;
display: inline;
margin-bottom: 10px;
margin-top: -50px;/*Pas sur pour ie*/
border-bottom: 0px solid #eee;
border-left: 0px solid #eee;
}

#navigation h1{
text-align: left;
margin-left: 10px;
margin-top: 10px;
margin-bottom:0px;
color:#D40000;
font-weight: bold;
font-size: 2em;
}

#navigation h3{
text-align: left;
margin-left: 10px;
color:#D40000;
font-weight: bold;
font-size: 1em;
}

#navigation a.spip_out{
color:#D40000;
}

#navigation a.spip_out:hover{
color:#000;
text-decoration: none;
}

#navigation p{
color: #000;
}

/*Actu*/
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
margin-top: 2em;
width: 180px;
}


.curlycontainer .innerdiv{
background: transparent url(squelettes/img/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}





#extra{
background:#000;
height:638px;
float:left;
width:350px;
margin-left:-1000px;
display: inline;
margin-top: 0px;
background: #000 url(squelettes/img/fondnoir.jpg) no-repeat left top;
padding-top: 30px;
}


#extra p{
color: #fff;
width:76%;
font: 1.2em arial,sans-serif;
}

#extra h1{
color: #D40000;
font-size: 2em;
text-decoration: underline;
margin:0px 0px 10px 10px;
}

#extra h3{
color: #FFF;
font-size: 1.2em;
text-decoration: none;
margin:0px 0px 10px 10px;
text-align: left;
width: 75%;
}

#extra a{
color: #D40000;
text-decoration: none;
}

#extra a:hover{
color: #D40000;
text-decoration: underline;
}

#extra a.spip_out{
color: #D40000;
text-decoration: none;	
}

#extra a.spip_out:hover{
color: #D40000;
text-decoration: underline;	
}


#engagement{
clear:left;
width:1000px;
background: #000;
color: #fff;
font: 120% arial,sans-serif;
}

#engagement a.spip_out{
color: #D40000;
}

#engagement p{
color: #fff;
margin:10px;
padding-bottom: 10px;
}

#engagement h1{
color: #fff;
margin:10px;
font-size:2em;
color:#CF1519;
text-decoration: underline;
}



#footer{
background: #fff;
color:#000;
clear:left;
width:100%;
height:30px;
margin-bottom: 20px;
}

#footer p{
margin:0;
padding:5px 10px;
text-align: center;
color: #000;
}

#footer a{
color:#000;
text-decoration: none;
}

#footer a:hover{
color: #D40000;
text-decoration: underline;
}


#suplementaire{
height: 200px;
border:0px solid #ddd;
background-color: #FFF;
color:#fff;
text-align:center;
}

#boitebas{
background-color: #fff;
width:1300px;
height: auto;
margin:0 auto;
color: #000;
text-align:center;
border: 0px solid red;
}


#boite1{
width: 408px;
height:auto;
border: 1px solid #CCD9F2;
float: left;
display:inline;
margin:10px;
margin-left: 250px;
margin-right: 10px;
background-color: #fff;
}

#boite2{
width: 150px;
height:300px;
border: 1px solid #CCD9F2;
float: left;
display:inline;
margin:10px;
margin-right: 10px;
background-color: #fff;
display:none;
}

#boite3{
width: 310px;
height:260px;
border: 0px solid #eee;
float: left;
display:inline;
margin:10px;
background-color: #fff;

}

strong{
font-weight: bold;
color: #D40000;
}

/*Formulaire de contact article 5*/

#contactmpc ul li{
color: #fff;
margin-left: 10px;
}

#contactmpc label{
display: block;
margin-bottom:10px;
margin-top: 10px;
font-weight: bold;
font-size: 100%;
}

#contactmpc p.boutons{
margin-top: 10px;
}

.art5 #article a.spip_mail{
color: #FFF;
}

/*Formulaire de recherche*/

#form_recherche{
color: #fff;
margin-left: 10px;
}



#form_recherche label{
display: block;
margin-bottom:10px;
margin-top: 10px;
font-weight: bold;
font-size: 100%;
}

#recherche{
margin: 10px;		
}



#plan h1{
margin: 10px;	
}

#plan h3{
margin: 20px;	
color: #fff;
display:none;
}

#plan ul, li{
margin: 10px;
color: #fff;
}

#plan ul li a{
color: #FFF;
text-decoration: none;
}

#plan ul li a:hover{
color: #D40000;
text-decoration: underline;
}

.spip_surligne { 
background: #980E10;
}

#carto{
margin: 20px;
}

#carto h1 a{
color: #FFF;	
margin-left: 20px;
border-bottom :1px solid #ffffff;
text-decoration: none;
}

#carto h1 a:hover{
color: #000;	
margin-left: 20px;
border-bottom :1px solid #000;
text-decoration: none;
}

#mesvillesregions{
color: #FFF;
}

#mesvillesregions h1{
color:#000;
margin-bottom: 10px;
}

#mesvillesregions h3 a{
color: #FFF;	
margin-left: 20px;
border-bottom :1px solid #ffffff;
text-decoration: none;
}

#mesvillesregions h3 a:hover{
color: #000;	
margin-left: 20px;
border-bottom :1px solid #000;
text-decoration: none;
}

#region h1{
color:#000;
margin-bottom: 10px;
}

#region h3{
display: inline;
margin: 10px;
text-align: left;
}

#region{
width: 90%;
margin-left: 20px;
height: auto;
text-align: left;
}

#region h3 a{
color: #FFF;	
border-bottom :1px solid #ffffff;
text-decoration: none;
display: inline;
text-align: left;
}

#region h3 a:hover{
color: #000;	
border-bottom :1px solid #000;
text-decoration: none;
display: inline;
text-align: left;
}

#articlelisteville ul li a{
color: #FFF;
border-bottom :1px solid #fff;	
text-decoration: none;	
}

#articlelisteville ul li a:hover{
color: #000;	
border-bottom :1px solid #000;
text-decoration: none;	
}

/*On masque la carte de la liste des regions actives et pas actives*/
.art32 #content #regions{
display: none;
}

#articlelisteville{
width: 600px;
height: auto;
margin:20px
}

.villepassive ul li{
width: 260px;
height:auto;
display: inline;
margin: 10px;
float:left
}

hr {
clear: both;
width: 95%;
border: 0; /* enleve toute bordure */
border-bottom: 0px #FFF solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
margin:20px;
visibility:hidden;
}


#youtube{
margin-left:8px;
}

/*Infobulle Google map*/
#content .gmnoprint h3{
margin-left: 10px;	
}

#content .window_content h3 a{
text-decoration: underline;
font-weight: bold;
color: #D40000;
}

#content .window_content h3 a:hover{
text-decoration: underline;
font-weight: bold;
color: #D40000;
}

#content .window_content p {
color:#000;
font-size: 12px;
}

.spip_surligne{
background-color:transparent;
}

/*Formulaire artego*/
#formulaireartego{margin-left: 40px;margin-right: 40px;}
#formulaireartego h1{text-align: left;}
#formulaireartego p{margin-left:0px;}
.formulaire_spip label {color:#fff;display:block;font-weight:bold;position:relative;text-align:left;}
.formulaire_spip .explication {color:#fff;margin:0.5em 0;}