/* Général  */

/* Réinitialisation des styles */
body,div,h1,h2,h3,h4,h5,h6,p,img {margin:0; padding:0;}
q:before, q:after {content:'';}
img {border:0;}

/* Styles généraux */
body {
	background-color: #222847;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-image: url(images/background_tile.jpg);
	background-repeat:repeat-x;
	color: #666666;
}
h1 { font-size:1.4em;}
h2 { font-size:1.2em;}
h3 { font-size:1.1em;}
h4 { font-size:1em;}
h5 { font-size:0.9em;} 
h6 { font-size:0.9em;}
p { font-size:0.9em;} 
div,h1,h2,h3,p {zoom:1}

.bordure {border:1px solid #000;}
.centre {text-align: center;}
.alignright {float:right;margin-top:0px;}
.bordure {border:1px solid #153172 ;}


/* Layout */
#global {
	width:782px;
	margin: 0 auto;
	padding : 0;
	position:relative;
}
#main {
	border:1px solid #15182b;
	border-top: none;
	position:relative;
	background-color:#FFF;
}
#header {
	background-color:#FFF;
	position:relative;
	overflow:visible;
}
#navtop {
	
	position:relative;
	background-color:#b8d5dc;
	padding: 5px 5px 5px 0;
	border-bottom:4px solid #6699cc;
}
#flags {
	position:absolute;
	z-index:10;
	top:5px;
	left:4px;
	height:16px;
	border:none;
}
#footer {	
	color: #9bb6d2;
	padding: 15px 0 0 0 ;
}
.clearboth {clear:both;}
.displaynone {display:none}

/* Contenu toutes pages */
#header h1{
	color:#666;
	padding:20px 0 20px 23px;
	font-size:2.3em;
}
#navtop p {
	text-align:right;
	font-weight:bold;
	font-size:0.8em;
}
#navtop a {
	color: #6699cc;
	text-decoration:none;
	margin-left:15px;
}
/* flags */
#flags a {
	margin:0 0 0 4px;
}
#footer a {	
	color: #2170BD;
	font-weight:bold;
	text-decoration:none;
}


/* Contenu page d'accueil */
.home #intro {
	position:relative;
	padding:0 0 0 10px;
	background-image: url(images/header_background.jpg);
	border-bottom:4px solid #6699cc;
    min-height:322px;
}
.home #intro img {
	float:right;
	margin:0 0 0 15px;
	padding:0;
}
.home #intro p{
	
}
.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 #content {
	background-color:#fff;
	padding:15px 0 ;
	clear:both;
}
.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;
}
 #col2 li {
	font-size:0.9em;
}
.home #col2 p.slogan{
	font-size: 1.2em;
	font-style:italic;
	margin:15px 0;
}
.home #col2 a , .home #col1 a {
	text-decoration:none;
	color:#2170BD;
}


/* Contenu  pages */
.page #content {
	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; 	
}
.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;
	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;
	color: #55A0FF;
}
.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;
}
#gg .ggbordure {
	color:#0000FF;
	text-align:left;
}

/* Infos col1 */
#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;
}

/* Formulaire */
.page #content #col2 #formmessage {
	margin: 20px 0 20px 0; 
	padding: 5px ;
	border: 1px solid #f00;
	color : #ff0000;
	font-weight:bold;
}
.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;
}
/* mise en évidence des erreurs */
#form1 .inputError { 
	color :red;
	border: 1px solid red;
}

/* Galerie de photos tooltip */
.PSRtooltip img {
		border:1px solid #153172 ;
}

/* galerie de photos  */
#photos {
	margin:0; padding:0;
}
#photos p.class {
	margin-top: 20px;
}
#photos a {
	display:block;
	float:left;	
	margin: 0 5px 5px 0;	
	padding:0;	
	width : 70px;
	height: 70px;
	border: 1px solid #999999;
	text-align:center;
}
#photos a:hover {
background-color:#D7D7FF;
}
#photos img {
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border:none;
}

/* Panneaux à onglets */
#marPanels {
	margin:20px 0 0 0;
	width:532px ;
}
/* Class DIV#marPanels > UL */
#marPanels .marPanelsMenu li a {
	padding:0.1em 0.5em 0em 0.3em;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	color: #2170BD; 
	background-color:#BFDFFF; 	
}
/* Class de l'onglet activé */
/*#marPanels .marPanelsMenu li a.hilite {*/
#marPanels .marPanelsMenu li a.hilite {
	color: #222847; 
	background-color:#55A0FF; 
}
/* Class DIV#marPanels > DIV */
#marPanels .marPanels {
	border-top:2px solid #55A0FF;
	padding : 10px;
	margin:0;
}