body {
margin: 0;
padding: 0;
background: #101f58 url(Images/img01.jpg) repeat-x left top;
text-align: center;
font-size: 62.5%;
font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
color: #0a143d;
}
#wrapper {
	margin: 0 auto;
	width: 904px;
}
/* Page */

#page {
	float: left;
	width: 880px;
	background: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: justify;
	border: #fff 12px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 20px #ddd;
	-moz-box-shadow: 0 0 20px #ddd;
	-webkit-box-shadow: 0 0 20px #ddd;
}

/* LOGO */

#header {
	width: 900px;
	height: 192px;
	text-align: left;
	background: url(Images/montage.png) no-repeat right;
}

#header h1, #header h2 {
	margin: 0;
	line-height: normal;
	font-weight:normal;
}

#header h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 66px 0 0 0;
	font-size:40px;
}

#header h1 a {
	text-decoration: none;
	color: #112162; 
}

#header h1 a:hover {text-shadow:1px 2px 5px #ccc;}

#header h2 {
	padding-left:4px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #a9adb0; 
}
.menuhaut {
position: relative;
float: right;
}
.menuhaut ul {margin:0;}
.menuhaut li {list-style-type: none;
display:inline;
line-height: 28px;
}
.menuhaut li a {padding: 6px 12px;
margin-left:5px;
font-size: 1.2em;
font-weight: bold;
background-color: #eee;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-webkit-box-shadow: -1px 1px 4px #999;
-moz-box-shadow: -1px 1px 4px #999;
box-shadow: -1px 1px 4px #999;
color: #666;}
.menuhaut li a:hover {color: #333; background-color: #fff;}

/* Menu */

.pro_linedrop {
	margin: 0 auto 30px auto;
	position: relative;
	width: 904px;
	height: 36px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #900;
	background-image: -moz-linear-gradient(top, #ca0000, #900);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ca0000),color-stop(1, #900));
	box-shadow: inset 0 0 15px #900, 0 0 20px #446b6b, inset 0 35px 35px -18px #ca0000;
	-moz-box-shadow: inset 0 0 15px #900, 0 0 20px #446b6b;
	-webkit-box-shadow: 0 0 20px #446b6b;
	z-index:500;
}
.pro_linedrop .select {margin-left:14px; padding:0; list-style:none; white-space:nowrap;}
.pro_linedrop li {float:left;}

/* pourle premier niveau du menu */
.pro_linedrop .select a {
	font-size: 11px;
	display: block;
	float: left;
	text-decoration: none;
	line-height: 36px;
	padding: 0 22px;
	color: #eee;}
.pro_linedrop .select li.line a {color:#eee;}
.pro_linedrop .select a b {display:block; text-transform: uppercase;}
.pro_linedrop .select a:hover, .pro_linedrop .select li:hover a {
	color: #fff;
	border: none;
	/*box-shadow: inset 0 0 15px #900, inset 0 -35px 35px -18px #ca0000;
	-moz-box-shadow: inset 0 0 15px #900;*/
	background-image: -moz-linear-gradient(bottom, #ca0000, #970000);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ca0000),color-stop(1, #970000));line-height:36px;
}
.pro_linedrop .select li.line a:hover, .pro_linedrop .select li.line:hover a {color:#fff;}
.pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b {
display:block; cursor:pointer; text-shadow:0 1px 6px #fff;
}
.pro_linedrop .sub {display:none;}
.pro_linedrop ul ul {display:none;}
.pro_linedrop .sub {margin:0; padding:0;list-style:none; color:#eee;}
.pro_linedrop .sub li {background:transparent; border-left:2px solid #3b4777;}
/* Le sous-menu */
.pro_linedrop .select :hover .sub {
height:30px;
display:block; position:absolute;
float:left;
width:886px;
top:36px; left:14px; text-align:center;
background:transparent;
}
.pro_linedrop .select :hover .sub li a {display:block; height:25px; line-height:25px; float:left; background:transparent; white-space:nowrap; color:#eee; font-size:10px; font-weight:normal;}
.pro_linedrop .select :hover .sub li.subline a {color:#ca0000;}
.pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover {color:#fff; /*text-shadow:0 0 4px #fff;*/ line-height:25px; position:relative;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background: rgba(59,71,119, 0.7);}
}
.pro_linedrop .select :hover .sub li:hover > a {color:#fff;}
/* Les sous-sous-menus */
.pro_linedrop .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:142px; position:absolute; left:-2px; top:25px; /*border:1px solid #ccc; border-top:0;*/
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background: rgba(59,71,119, 0.4);}
.pro_linedrop .select :hover .sub :hover ul li {width:140px; /*border-top: 1px solid #f1f1ef;*/ border-bottom: 1px solid #bbb;}
.pro_linedrop .select :hover .sub :hover ul li a {/*width:80px;*/ text-align:left;display:block; width:148px; height:25px; line-height:25px;}
.pro_linedrop .select :hover .sub :hover ul li a:hover {/*line-height:25px;*/ width:96px;}

/* Fin du menu */


/* Post */

.post {
	padding: 20px 26px 0 16px;
	margin-bottom: 20px;
}

.post .title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	margin-left: 0;
	padding-left: 0;
}

.post h1 {
	width: 520px;
	padding: 0;
	/*background: url(images/img08.jpg) no-repeat left top;*/
	font-size: 22px;
	color: #28313A; 
}

.post h2 {
	width: 520px;
	padding: 0px 0 0 0px;
	font-size: 20px;
	color: #28313A; 
}

.post .entry {
	font-size: 100%;
}

.post .meta {
	padding: 0 19px 33px 0;
	font-size: 100%;
	background: url(images/next.png) no-repeat;
	background-position:right 14px;
}

.post .meta p {
	margin: 0;
	padding-top: 15px;
	line-height: normal;
	color: #28313A; 
}

.post .meta .byline {
	float: left;
}

.post .meta .links {
	float: right;
}

.post .meta .more {
	padding: 0 20px 0 18px;
}

.post .meta .comments {
	padding-left: 22px;
}

.post .meta b {
	display: none;
}
img.border {  border: 6px #aaa solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}

img.border:hover {  border: 6px #ccc solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}

/* Sidebar */

#sidebar {
	float: right;
	width: 290px;
	margin: 0;
	padding: 10px 0 0 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 20px;
	border: 1px solid #ccc; text-align: center; width:280px; padding: 10px 0 4px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	box-shadow: 3px 3px 4px #ddd;
	-moz-box-shadow: 3px 3px 4px #ddd;
	-webkit-box-shadow: 3px 3px 4px #ddd;
}

#sidebar a.rss:hover {filter:alpha(opacity=80);
  opacity: 0.8;}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
}

#sidebar h2 {
	/*width: 250px;
	padding: 8px 0 0 0px;*/
	margin: 4px 0 12px 0;
	/*background: url(images/img07.jpg) no-repeat left top;*/
	font-size: 20px;
	color: #28313A; 
}
#sidebar p {
	margin:10px; 
}

#centre p {
text-align: justify;
}
#gauche {
margin: 25px 15px 0px;
position: absolute;
width: 165px;
font-size: 1.2em;
}

/* Pages sur une colonne */

#tout_centre {
	clear: left;
	float: left;
	width: 820px;
	margin: 0 30px 10px 30px;
}

#tout_centre p, h6 {
margin-left: 2em;
}
#tout_centre p.centre {
text-align: center;
font-size: 95%;
line-height: 140%;
}
span.h2 {color:#06c;}
#videocontainer {display: none;}
a#videolink img{
	border: 4px solid #d9d9cb;
}
div.liens {border:1px solid #ddd;
-moz-box-shadow: 2px 2px 6px #aaa;
-webkit-box-shadow: 2px 2px 6px #aaa;
box-shadow: 2px 2px 6px #aaa;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
background-color:#efefef;
margin: 16px 2em;
padding: 16px;
height:112px;}
div.tours {float:left; width:125px; margin: 3px 10px 10px 24px; padding: 8px; border:1px solid #dde; background-color:#ecf6ff;}

#galerie {margin-top:20px; text-align:center;}
#galerie img { border: 1px solid #999; margin: 8px; }

/* Fin de pages sur une colonne */

#colonne1 { float:left; width:330px; }

#colonne2
{
margin-left: 330px;
width: 330px;
margin-top:30px;
text-align: center;
}
#colonne2 img {border: 0 none;}

/*Page d'accueil*/

#content {
	float: left;
	width: 570px;
	border-right: 1px dashed #DFE1E0;
}

#content li {background:#f1f1ef; list-style-type:none; border-bottom: 1px solid #C9C9C9; border-top: 1px solid #fff; width:525px;}

#content li a {text-decoration: none; margin:0; display:block; padding:3px 0 3px 7px;}

#content li a:hover {text-decoration: none; background:#fff;}

#tout_centre div.bio
{float:right; position:relative; width: 310px; border: 1px solid #7875b2; margin-left: 15px; padding: 4px 20px 8px 0; background-color: #f2f2f2;
-moz-box-shadow: 5px 5px 4px 0px #ccc;
-webkit-box-shadow: 5px 5px 4px 0px #ccc;
box-shadow: 5px 5px 4px 0px #ccc;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
behavior:url(border-radius.htc)
}

#accueilg .cadre_greg
{position: relative;
float:right;
width:280px;
border: 1px solid #7875b2;
margin: 20px 5px 10px 12px;
padding: 8px;
font-size: 90%;
background-color: #f2f2f2;
-moz-box-shadow: 4px 4px 6px #ccc;
-webkit-box-shadow: 4px 4px 6px #ccc;
box-shadow: 4px 4px 6px #ccc;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
behavior:url(border-radius.htc);
}

.cadre_greg h3
{margin: 10px auto; text-align:center; font-size: 150%;
}

/*Fin de Page d'accueil*/

.menugauche {
margin: 10px;
padding: 0;
list-style-type: none;
position: relative;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
h1, h2, h3 {
font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-weight: bold;
line-height: 125%;
}
h1 {
margin: auto;
margin-bottom: 0;
font-size: 4em;
}
h2 {font-size:22px;}
h1, h1 a, h1 a:hover, h1 a:visited, #header .description {
text-decoration: none;
color: #900;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
text-decoration: none;
}
a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}
#tout_centre p.source {font-size: 85%;	text-align: right; line-height: 110%; margin-bottom: 1em;}
h3 {
font-size: 125%;
}
#tout_centre h4 {
font-size: 110%;
padding: 3px 0px 3px 5px;
background-color: #ddd;
}
h5 {
font-size: 100%;
}
h6 {
font-size: 110%;
margin: 3px 0 9px 0;
}
p.centre {
text-align: center;
font-size: 95%;
line-height: 120%;
margin-right: 20px;
}
small {
font-size: 0.9em;
line-height: 1.5em;
color: #777;
}
#picto {text-align: right; width: 100%; margin: 5px 0 15px 0;}

/* Les formulaires */
#tout_centre form {
margin: 30px auto;
width:460px;
background:#eee;
padding:12px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 20px #666;
	-moz-box-shadow: 0 0 20px #666;
	-webkit-box-shadow: 0 0 20px #666;
}
#tout_centre label {
/*display:block;*/
width:160px;
float:left;
}

#tout_centre input {margin:0 2px; width:130px;}

/* Pour les galeries d'images */
#tout_centre div.img
{
  height: auto;
  padding: 10px 0px 10px 24px;
  float: left;
}	
#tout_centre div.img img
{
  display: inline;
  border: 1px solid #06c;
}
#tout_centre div.img a:hover img {border: 1px solid #aaa;}

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 150px;
  width: 800px;
  margin-left:20px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 135px;
  /* Max width here, for users without Javascript */
  width: 2500px;
  padding: 15px 30px 0 0;
  /* Remove default margin */
  margin: 0;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 11px;
  color: #777;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 3px #ccc solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=60);
  opacity: 0.6;
}

/* Footer */

#pied {
	/*width: 904px;
	margin: 0 auto;*/
	padding:15px;
	clear: left;
	font-size: 12px;
}

#legal {
	padding-top: 0;
	text-align: center;
	color: #3b4777;
}

#legal a {
	font-weight: normal;
	color: #3b4777;
}
#legal a:hover {
	font-weight: normal;
	color: #70799b;
	text-shadow:0 0 4px #5f6990;
}