body
{
	background-color: #0857a8;
	background-image: url("bg_repeat_deg.jpg");
	background-size: auto 450px;
	background-repeat: repeat-x;
	color: rgb(29, 66, 112);
	font-family: Arial;
	background-position-y: -30px;
	background-position-x: center;
}

#en_tete img{
	margin: 20px;
}

a{
	color: rgb(20, 77, 133);
}
a:visited {color: rgb(20, 77, 133);}

a, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

h1, h2
{
	text-decoration:none;
	text-align: center;
}

img {
	vertical-align:middle;
}


.float_gauche{
	margin:20px;

}

#kiwi {
	font-size: 0.7em;
	margin-top: -30px;
	margin-right: 30px;
	right: 15%;
	position:absolute;
	font-style:italic;
	float: inherit;
}
#kiwi img{
	vertical-align: bottom;
	margin-left: 3px;
}
#kiwi a, #kiwi a:visited {
	color: #6086C4;
	text-decoration: none;
}
#kiwi a:hover {
	text-decoration: underline;
}
#pied_de_page .centre{
	margin-top:3px;
}

#corps
{
	-moz-box-shadow: inset 0px 0px 15px 3px #23395e;
	-webkit-box-shadow: inset 0px 0px 15px 3px #23395e;
	box-shadow: inset 0px 0px 15px 3px #6483B6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e466e', endColorstr='#415989',GradientType=0);
	background-color: #2e466e;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	border: 1px solid #1f2f47;
background: linear-gradient(to bottom, #034F9C 5%, #063A88 100%);
	background-color: white;
	border: 2px solid rgb(45, 71, 117);
	margin: auto;
	margin-top: 30px;
	padding: 100px;
	padding-top: 0px;
	color: white;
	width: 60%;
}

#corps p{
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
	background-image: linear-gradient(#fff, #ccc);
	border-radius: 6px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);

	padding-left: 100px;
	padding-right: 100px;
	color: rgb(90, 90, 90);
	padding: 50px;
	margin-bottom:10px;
	text-align:justify;
}

h1{
	padding-top:40px;
	color:rgb(185, 211, 240);
	font-family:arial;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;

}
a{
	color: #223B6F;
}
#pied_de_page
{
	color: #CDCED1;
	font-size: 0.9em;
	margin:auto;
	width:60%;
}
#pied_de_page a, #pied_de_page a:visited, #pied_de_page a:hover{
	color: #CDCED1;
}
#menu
{
	text-align: center;
	width:100%;
}

#menu > ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
	background-image: linear-gradient(#fff, #ccc);
	border-radius: 6px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	padding: 0 10px;
	display: inline-block;
	width:auto;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	/*margin-top :-30px;*/
	padding-left: 100px;
	padding-right:100px;
}
.element_menu
{
	float: left;
	position: relative;
	margin:0;
	padding:0;
	text-decoration: none;
}

/*Tous les titres de menus */
.element_menu h3, .element_menu a
{
	color: #444;
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 6px 12px;
	margin: 8px 8px;
	vertical-align: middle;
	text-decoration: none;
	cursor:pointer;
}

.element_menu h3:hover 
{
	pointer:pointer;
	background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(221, 221, 221, 1);;
	color: #222;
}

.element_menu ul
{
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 1s ease;
	margin:0px;
	padding:0px;
	z-index:9;
}

.element_menu ul li
{
	float: none;
}

.element_menu a
{
	white-space: nowrap;
}

.element_menu:hover ul {
	background: rgba(221, 221, 221, 1);
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4); /* rgba(0,0,0,0.4); */
	left: 5px;
	opacity: 1;
}

 
.element_menu:hover a {
	background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
	background-image: linear-gradient(#ccc, #ededed);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
}

.element_menu:hover ul a {
	background: none;
	border-radius: 0;
	box-shadow: none;
}

.element_menu:hover ul li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
}


.message
{
	font-weight:bold;
	text-align:center;
	color:blue;
	border: black 1px solid;
	background-color: rgb(249,249,255);
	padding:3px;
}

.block_apparent
{
	background-color: rgb(238, 238, 238);
	border: solid black 1px;
	margin: 15px;
	padding: 15px;
	border-radius: 10px;
}

.comm_titre
{
	text-decoration:underline;
	font-size:1.05em;
}

.info_vehicule
{
	text-decoration:underline;
	font-size:1.5em;
	font-weight:bold;
}

.news_titre .date{font-size:0.8em;}
.news_titre strong
{
	font-size:1.5em;
	text-decoration:underline;
}

.comm_contenu, .news_contenu
{
	margin-top:15px;
}

.paire {background-color:rgb(225,225,255);}
.impaire {background-color:rgb(205,205,255);}

.album img { padding: 15px; /*max-width: 80%;*/}

.jour_nb
{
	background: #6f809a;
	color: #fff;
}
.agenda {background-color: rgb(230,230,255);}
.agenda_today .eventslist {border: 2px navy solid;}
.agenda_today  .jour_nb {font-weight:bold; background-color: navy; border:1px solid black;}
.agenda_today  a {color:navy;}

em { font-size:1.1em;}
table th {background-color:rgb(150,150,255);width: 100%;}
table td{width: 100%;}
table tr{width: 100%;}
caption {
	padding: 10px;
	color: rgb(23, 63, 108);
}

.album img { padding: 15px; }
.album a:hover img 
{
	background-color: rgb(49, 105, 169);

	border-radius:4px;
}

.agenda {background-color: rgb(255,255,240);}
.agenda a:hover {color:black;}
.jour_nb {
	background-color: rgb(0, 82, 164);
	border-bottom: 1px solid rgb(85, 85, 85);
	color: rgb(255, 255, 255);
	font-weight: bold;
	height: 18px;
	padding-top: 8px;
}

.agenda_today .eventslist {
	border: 2px rgb(204, 204, 204) solid;
	background-color: rgb(68, 82, 82);
	color: white;
}
.agenda_today .jour_nb {
	background-color: rgb(224, 224, 224);
	border: 2px solid rgb(150, 150, 150);
	color: rgb(70, 70, 70);
	font-weight: bold;
}
.agenda .impaire {background: #ECECEC;}

table {
	overflow:hidden;
	margin:10px auto 10px;
	border:1px solid #d3d3d3;
	background: #F0F0F0;;
	border-radius:5px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	font:12px/15px "Helvetica Neue",Arial, Helvetica, sans-serif;
	width:70%;
}

.album em{
	color: rgb(37, 52, 75);
	font-size:1.2em;
	font-weight:bold;
}

table th, table td {border:none;padding:18px 28px 18px; text-align:center; }

table th {padding-top:22px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb;color: rgb(13, 47, 95);}

table td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;width: 1px;
    white-space: nowrap;}

.paire {background:#f5f5f5;}
.impaire {background:#fefefe;}


table tr:first-child th.first {
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px; /* Saf3-4 */
}

table tr:first-child th.last {
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px; /* Saf3-4 */
}

table tr:last-child td.first {
	border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}

table tr:last-child td.last {
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}
/** FIN TABLE **/
fieldset {
    font-family: sans-serif;
	border: 5px solid #398374;
	background: #F5F5F5;
}

fieldset legend {
background: #398374;
    color: #fff;
    padding: 5px 10px ;
    font-size: 30px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    margin-left: 20px;
}

input[type=text], input[type=password]
{
  width: 200px;
  height: 34px;
}

input[type=text], input[type=password], textarea {
  margin: 5px;
  padding: 0 10px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  border-color: #eeeeee;;
  outline-color: #eeeeee;
  outline-offset: 0;
}
.centre{
	margin:0 auto;
	text-align:center;
}

input[type=submit] {
	padding: 0 18px;
	height: 29px;
	font-size: 12px;
	font-weight: bold;
	color: #F0F0F0;
	background: #314E8F;
	border: 1px solid;
	border-radius: 16px;
	outline: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-image: linear-gradient(to bottom, #21467A, #082644);
	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
	margin-top: 8px;
}
input[type=submit]:hover {

background-image: linear-gradient(to bottom, #21467A, #1F3662);
}


.agenda_grise {
background: url("./null.png") repeat;
}

.formulaire label {
	margin-right: 10px;
	width: auto;
}

.formulaire td {
	border-color: transparent;
	padding: 5px;
	text-align: right;
	vertical-align: middle;
}
.formulaire table {
	display: table;
	color: rgb(252, 252, 252);
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	width: auto;
}

#corps .centre img{
	/*max-width: 89%;*/
	display: block;
	margin: auto;
}

.block_apparent{
	rgb(100, 100, 100);
}

.block_apparent h2 {
	color: rgb(52, 87, 150);
}

#corps .pagination, #corps .texte_galerie{
	padding: 15px;	
	padding-left: 40px;
}

#corps .pagination a{
	text-decoration: none;
}