/*
      Created by 
	  Benjamin MAUGAIN - EASY W3
	  http://www.easyw3.fr

----------------------------
COULEURS :
	bleu : 		#043877
	orange : 	#f96f06
----------------------------
*/

* { padding: 0; margin: 0; }

body {
 background: #a4b6b5;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #3e3e3e;
}

h1 {font-size: 2em;color:#043877;font-family:Georgia, "Times New Roman", Times, serif; margin:20px 0 0 0;}
h2 {font-size: 1.6em;color:#f96f06;font-family:Georgia, "Times New Roman", Times, serif;margin: 10px 5px 5px 0px;padding : 0 0 0 0;}
h3 {font-size: 1.2em;margin:5px 0 0 0;}
p {margin:10px 0 0 0;}
ul {list-style-image: url(../img/puce.png);}
li {margin:0 0 0 40px;}
hr {color:#e7e7e7;margin-bottom:10px;}

img.ensavoirplus {margin:5px 0 10px 0;border:none;}
img#faitespourvous {margin: 10px 0 0 10px;float:left;display:inline;overflow:hidden; } 
img#contratloc {margin: -40px 0 0 40px;} 

img.bordure {border:3px solid #375781;}
img.alaune {border:1px solid #AAA;padding:3px;float:left;margin:10px;}
.noborder {border:none;}

a {color:#f96f06;}
a:hover {color:#043877;}

a.ensavoirplus {float:right;display:inline;overflow:hidden;background: url(../img/arrow.jpg) no-repeat left top;padding:0 0 0 25px;margin:5px 0 0 0;}

.clear {clear: both;}

#accessibility {display:none;}

#wrapper {margin: 0 auto; background:white url(../img/bg-body.jpg) repeat-y center top;width: 984px;}

	#header1 {width:960px;height:220px;margin:0 auto;}

	#mastmain {
	 width: 960px;
	 margin:0 auto;padding:0;
	 position: relative;
	 background: url(../img/bg-leftcolumn.png) repeat-y top left;
	}
		#main {width: 700px;float:right;display:inline;overflow:hidden;background:white url(../img/bg-main.jpg) no-repeat 0 66px;}
			#flashmenu {width:700px; height:66px;background:black;} 
			#maincontent {width:660px;margin:10px 20px 5px 20px;} 
		
		#leftcolumn {height:100%; width: 257px; position:relative; height:100%; min-height:580px;} 
			#leftcolumn-content {margin:0px 20px 10px 20px;width:217px; height:100%;}
			/*#leftcolumn-content #unprojet {margin:10px 0 -30px -20px; }	*/
			
			/*#unprojet { margin:0 0 -20px 0;width:257px;}*/
		#unprojet { margin:0 0 10px 0;width:257px; position: absolute; bottom:0;}
		
/* Eléments de formulaire ***********************/
			INPUT, TEXTAREA, SELECT { 
			 color:#4E4E4E;
			 padding-left:2px;
			 margin-left:20px;
			 font-size: 11px; 
			 border: 1px solid #043877;
			 /*width:100px;*/
			}
			
/***************************************************/

#onecolumn {width:766px;}

#footer {margin: 0 auto;width: 960px;height: 150px;color: #EAE6E3;font-size: 0.8em;position:relative;background: #262a35;}
	#footer img {border:none;}
	#footer a {color: #EAE6E3;}
	#footer a:hover {color: #f96f06;}
	#footer .left {width: 270px;float: left;display:inline;overflow:hidden;padding-top:15px;}
		#footer .left img {clear: both;float: left;display:inline;overflow:hidden;margin: 0 10px 0 20px;}
		#footer .left p {margin: 0 5px 0 50px;}
			#footer .left p a {line-height: 16px;}

	#footer.right {width: 670px;margin-left:10px;float:left;display:inline;overflow:hidden;}
		#menu {margin-left:20px;}
		#footer.right.main {}
			#footer .right .main ul {margin : 15px 0 20px 0;}
			#footer .right .main li {text-transform:uppercase;display:inline;margin: 10px;}
			#footer .right .main p {padding: 5px 0 5px 40px;}
			#footer .right .main p img {vertical-align:middle;}

.maringleft540 {margin-left:540px;}	
.maringleft30 {margin-left:20px;}		

/* SIMPLE VIEWER */
	/* hide from ie on mac \*/	
	#flashcontent {
		width: 480px;
		height: 680px;
		margin-left:90px;
	}
	/* end hide */

/************************************************
	CONTACT
*************************************************/

 		.row {width:550px;margin:0 auto;}
		
		.left {
			width:229px;
			float:left;display:inline;overflow:hidden;
			padding-right:5px;
		}
		
		  #GoogleMap {
		  /*width:460px;
		  height:300px;*/
		  margin:0 0 15px 50px;
		}
		
		 .left #GoogleMap #coordonnees {
			padding-left:10px;
		}
		
		 .right {
			width:280px;
			display:inline;
			margin-left:10px;
		}
		
		
/****************************************/
/*		Contact page                    */
/****************************************/

input, textarea {
	border: solid 1px #043877;
	/*background: #EDF2F5;*/
	/*color: #6b5644;*/
	margin: 2px;
	padding: 5px;
	width: 275px;	
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

.radio
	{
		width: 20px;
		margin-top: 10px;
		border: none;
	}

.button{
			 background-color:#043877; 
			 padding:0px;
			 width:100px;
			 color: #FFFFFF;
			 font-weight:bold;
			 text-transform:uppercase;
			 text-align:center;
			 margin: 5px 0 20px 400px;
} 

input.button:hover {
	cursor:pointer;
}

input#submit {border : 1px solid #242F3E;}

label {
	float: left;
	text-align:right;
	/*color: #6b5644;*/
	margin: 5px 0 0 0;
	width: 200px;
	padding: 5px;
}

.red {
	color: #A21D21;
	background: url(../img/error.png) center left no-repeat;
	padding: 20px 0 0px 60px;
	margin: 0 0 15px 0;
}

.mandatory {
	color: #A21D21;
}

.marginleft200 {
	margin-left: 215px;
}
	

.encadre {
	padding:10px;
	border:1px solid #6b5644;
}

.encadre ul {
	margin-left: 20px;
}

.bon {
	font-weight: bold;
	color: #242F3E;
	padding: 0 0 0.5em 0;
	background: url(../img/sent.png) center left no-repeat;
	padding: 20px 0 0px 60px;
	margin: 0 0 15px 0;
}		
		
		
		
		
/* BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB */
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #32505A;
background: #fff; 
width: 400px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 380px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 0px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #f96f06;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}