/*vert : #5ca543 */
/*bleu : #4ba5da */


/*STRUCTURE*/
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
	font-family : Trebuchet MS,Tahoma,sans-serif;
}

body {
	background: #4ba5da;
	color: #282828;
	padding-top: 10px;
	font-size:12px;
}

.inner-container {
	border: 0px solid #ffffff;
	background: white;
	margin: 0 auto;
	padding: 10px;
	width: 950px;
}

.outer-container {
	background: #b5d3ef url('images/bg.jpg') repeat-x;
	padding-bottom: 24px;
}

.main {
	margin-top : 20px;
	background: #ffffff;
	padding: 0px 10px 0 0;	
}

.content {
	float: right;
	width: 720px;
	margin-left: 5px;
}
/*---STRUCTURE*/

/*HEADER*/
.header {
	background: #ffffff url('imgs/head.jpg') no-repeat right;
	margin-bottom: 0px;
	height: 324px;
}
.header-sup {
	width : 100%;
	background-color : #ffffff;
	height : 25px;
	float : left;
	text-align: left;
}
/*---HEADER*/

/*FOOTER---*/
.footer {
	vertical-align : bottom;
	height : 230px;
	font-size: 75%;
	color : white;
	margin-top: 5px;
	margin-bottom : 0px;
	text-align: left;
	background: url('imgs/footer.jpg') no-repeat;
}
/*---FOOTER*/


.toutelalargeur {
float: left;
width: 95%;
margin : 5px 5px;
}

.moitie {
float: left;
width: 45%;
margin : 5px 5px;
}

.untiers {
float:left;
width: 32%;
}

.deuxtiers {
float: left;
width: 66%;
}

.troisquart {
float : left;
width : 73%
}

.unquart {
float : right;
width : 25%
}




.centre {
text-align : center;
}


p{
margin-top : 5px;
text-align : justify;
word-spacing:3px;
line-height: 14pt;
text-indent: 20px;
color: #7c7c7c;
}

h2 { /* "Le mot du Maire" - TITRE CENTRE*/
font-size:110%;
color:black;
text-align : center;
}



h4{/*Souligné en noir*/
font-size:105%;
border-bottom : 1px solid black;
margin : 20px 0px;
font-weight : 200;
}

h5{ /*Rubrique 'Breves' ( le titre de la breve et "vous etes a la page....")*/
font-size : 110%;
}
h6 { /*Rubrique 'Breves' ("poste le ....... par ........)*/
font-size : 90%;
}
h5,h6 { 
color:black;
font-weight : 200;
}
.green {	color: #5ca543 }
.blue  {	color: #4ba5da }

b{
color : black;
font-weight : 200;
}




.rightimg {float:right; margin-left : 10px;}
.leftimg {float:left; margin-right : 10px;}
.centerimg{float:left; margin : 0px auto;}

.centerimg, .rightimg, .leftimg {
  padding:3px;
  margin:6px;
  text-align : center;
  font-size : 11px;
  color : black;
}







p img {
padding : 5px;
text-align : center;
color : black;
font-size : 10px;
margin : 10 10 10 10px;
}

.validation {
color : #5ca543 ; 
border-top : 2px solid #5ca543 ;
border-bottom : 2px solid #5ca543 ;
}

.refus {
color : red ; 
border-top : 2px solid red ;
border-bottom : 2px solid red ;
}

.info {
color : #4ba5da ; 
border-top : 2px solid #4ba5da;
border-bottom : 2px solid #4ba5da ;
}













a img{color: white; border:none;}
a :hover {color: white;}

a {color: #4ba5da;}
a:hover {color: #5ca543;}




.info, .refus, .validation  {
float:right;
margin-top : 20px;
margin-bottom : 20px;
padding : 10px;
width :90%;
font-size : 105%;
vertical-align : middle;
text-align : center;
}



.presentation {
color : black;
border : 1px solid black;
margin : 10px;
padding : 10px;
text-align : center;
width : auto;
min-width : 180px;
height : auto;
}


.soustitre{
font-size:14px;
color:black;
text-indent: 25px;
width : 500px;
border-bottom : 1px solid black;
margin : 20px 0px;
}

.telephone {
background: url('images/tel.png') no-repeat;
}

.mail {
background: url('images/mail.jpg') no-repeat;
padding-left : 26px;
}

.fax {
background: white url('images/fax.jpg') no-repeat;
}

.telephone, .mail, .fax {
margin-top : 8px;
margin-left : 10px;
float:right;
min-width : 120px;
width : auto;
text-align : right;
height : 25px;
}










form,input {margin: 0; padding: 0; display: inline;}

code {
	background: white;
	border: 1px solid white;
	color: white;
	display: block;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}






.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}
















.content a {border : 1px solid #ffffff;}

.content li {
			text-align : justify;
			word-spacing:5px;
			line-height: 15pt;
			text-indent: 40px;
			color: #7c7c7c;
			font-size:13px;}



/*.footer a:hover {color: #282828;}*/









.titrerubrique {
width : 480px;
background: url(images/minilogo.jpg) no-repeat top left;
padding-left : 50px;
padding-top : 10px;
border-bottom : 2px solid #4ba5da;
margin-bottom : 20px;
}

.avertissement {
font-size : 12px;
color : #FF3F75;
text-align : center;
}