/* Général  */
body {
	margin: 0px;
	padding: 0px;
	background-color: #222847; /* Text Dark */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em; /* Font Size */
	background-image: url("images/background_tile.jpg");
	background-repeat:repeat-x;
	color: #666666; /* Hard coded no matter what color scheme */
}
h1 { font-size:1.4em ; margin:0; padding:0; }
h2 { font-size:1.2em ;  margin:0; padding:0; }
h3 { font-size:1.1em ;  margin:0; padding:0; }
h4 { font-size:1em ;  margin:0; padding:0; }
h5 { font-size:0.9em ; margin:0; padding:0; } 
h6 { font-size:0.9em ;  margin:0; padding:0; }
p { font-size:0.9em ; margin:0; padding:0; } 

/* Position */

#global {
	width:782px;
	margin: 0 auto;
	padding : 0;
	/*border:1px solid #15182b;*/
}
#main {
	border:1px solid #15182b;
	border-top: none;
}

#header {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	height:81px;
	position:relative;
	overflow:visible;
}

#header h1{
	color:#666;
	position:absolute;
	overflow:visible;
	left: 23px;
	top: 20px;
	font-size:2.3em;
}
#header h1 a{
	color:#666;
	text-decoration:none;
}
#navtop {
	background-color:#b8d5dc;
	margin:0;
	padding: 5px 5px 5px 0;
	border-bottom:4px solid #6699cc;
}
#navtop p {
	text-align:right;
	font-weight:bold;
	font-size:0.8em;
}
#navtop a {
	color: #6699cc;
	text-decoration:none;
	margin-left:15px;
}
#footer {	
	color: #9bb6d2;
	margin:0 0 0 0 0 ;
	padding: 15px 0 0 0 ; /* 30px */
}
#footer a {	
	color: #2170BD;
	font-weight:bold;
	text-decoration:none;
}
/* position : page d'accueil */

.home #intro {
	position:relative;
	margin:0;
	padding:0 0px 0 10px;
	background-image: url(images/header_background.jpg);
	border-bottom:4px solid #6699cc;
	min-height:347px; 
}
.home #introleft {
	background-image: url(images/header_background.jpg);
}
.home #intro p{
	/*margin:15px 0 15px 0;*/
}
.home #intro a{
	text-decoration:none;
	color:#2170bd;
}
.home #intro p.slogan {
	padding:15px 0 15px 0 ;
	color:#000a5c;
	font-style:italic;
	font-weight:bold;
	font-size:1.4em;
}
.home #intro p.arrow {
	margin:10px 0 0 10px;
	padding-left:20px;
	background-image:url(images/arrow.jpg);
	background-repeat:no-repeat;
	background-position: 0 3px;
	color:#2170bd;
	font-size:0.9em;
}
.home #intro img {
	float:right;
	margin:0 0 0 15px;
	padding:0;
}
.home #content {
	background-color:#fff;
	padding:15px 0 ;

}
.home #col1 {
		float: left; 
		width: 290px; 
		background: #fff; 
		padding: 0;
		margin: 0;	
}
.home #col1 p {
	margin-left:30px;

}
.home #col1 img {

	border : 1px solid black;
	margin: 0 0 15px 0;

	
}
.home #col2 {
		margin: 0 0 0 294px;
		padding: 0 20px 0 20px;
		border-left: 1px solid #9bb6d2;
}

.home #col2 h2{
	color:#000a5c;
	font-size: 1.4em;
}
.home #col2 p{
	font-size: 1.05em;
	margin-top:5px;
}
.home #col2 p.slogan{
	font-size: 1.2em;
	/*font-weight:bold;*/
	font-style:italic;
	margin:15px 0;
}
.home #col2 a , .home #col1 a {
	text-decoration:none;
	color:#2170BD;
}


/* pages */
.page #content {
	/*background-color:#fff;*/
	background : #fff url(null) fixed no-repeat;
	padding:0 0 15px 0;
	clear:both;
	line-height:inherit; /*IE */

}
.page #col1 {
		float: left; 
		width: 194px; 
		background: #fff; 
		padding: 0;
		margin: 0;	
}
.page #col1 p {
	margin: 0 15px 0 10px;
}
.page #col1 img {
	border : 1px solid black;
	margin: 0 0 15px 0;	
}
.page #col1 ul#menu {
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
	background-image: url(images/header_background.jpg);
	list-style:none;
}
.page #col1 #menu li{
	margin: 0px 10px 5px 10px;
	font-size:1em;
}
.page #col1 #menu li a{
	color:#2170BD;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
}
.page #intro {

	background-color:#153172;
	margin: 0 0 0 194px;
	padding: 0;
	border-left: 1px solid #9bb6d2;
	text-align:right;
	line-height:inherit; /* IE */

	
}
.page #col2 {
		margin: 0 0 0 194px;
		padding: 10px 20px 0 20px;
		border-left: 1px solid #9bb6d2;
		background-color:#FFFFFF;
		line-height:inherit; /* IE */
		position : relative;
}
.page #col2 h2{
	color:#000a5c;
	font-size: 1.4em;
}
.page #col2 h3 {
	color: #2170BD;
	font-size: 0.95em;
	margin: 20px 0 3px 0;
}
.page #col2 p{
	font-size: 0.9em;
	margin-top:5px;
}
.page #col2 p.slogan{
	font-size: 1.3em;
	font-weight:bold;
	font-style:italic;
	margin:15px 0;
}

.page #col2 a {
	text-decoration:none;
	color:#2170BD;
}

.page #col2 ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
/* Google */
iframe {
	border:1px solid #000;
	margin:0;
	padding:0;

}
#gg {
	margin:0;
	padding:0;

}
/* infos */
#content #col1 p.titre {
	color : #7ebed5;
	font-weight:bold;
 }
#content #col1 p.coord {
	color : #000a5c;
	font-weight:bold;
	margin-bottom:20px;
}
#content #col1 p.coord a {
	text-decoration : none;
	color : #000a5c;
}
#content #col1 p.coord a img {
	border:1px solid #000a5c;
}
/* classes */
.bordure {
	border:1px solid #000;
}
.page #content #col2 #formmessage {
	margin: 20px 0 20px 0; 
	padding: 5px ;
	border: 1px solid #f00;
	color : #ff0000;
	font-weight:bold;
}
.erreur {
	color : red ;
	border: 1px solid red;
}
/* formulaire */
.page #form1 table {
	border-spacing:0px;
	border-collapse:collapse;
	border: 1px solid #9bb6d2;/* ccc */
	width:100%;
}
.page #form1 table th {
	padding:5px;
	background-color:#fff;/* ddd */
	text-align: left;
	border: 1px solid #9bb6d2;
	font-size: 0.9em;
	vertical-align: top;
}
.page #form1 table td {
	text-align:left;
	vertical-align:top;
	padding:2px;
	background-color:#fff; /* eee */
	border: 1px solid #9bb6d2;
}
.page #form1 table td.btn {
	text-align:center;
}
.page #form1 input[type="text"]  {
	width: 300px;
}
.page #form1 textarea {
	width: 300px;
}
.page #form1 .titre {
	color: #333333;
	background-color:#b8d5dc;
}

