/* @group General Styles */

body         { color: #039; font: 0.75em "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial; background-repeat: repeat-x; text-align: center; letter-spacing: 0.5px; margin: 0px 5px; padding: 0; behavior: url(../csshover.htc) }

p {
}

b, strong {
	font-weight: bold;
	letter-spacing: 1px;
}

a:link     { color: black; text-decoration: none }
a:visited    { color: black; text-decoration: none }
a:hover, a:active {
}

img {
	border: none;
}

.image-left {
	float: left;
	margin: 3px 3px 3px 0;
	padding: 3px 3px 3px 0;
	position: relative;
	z-index: 5;
}

.image-right {
	float: right;
	margin: 3px 0 3px 3px;
	padding: 3px 0 3px 3px;
	position: relative;
	z-index: 5;
}
	
/* @end */

/* @group Layout */

#container { 
	background: #f7f6f7 right url(images/sidebar_right.png) repeat-y;
	width: 780px;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	position: relative;
}
#BigContent    { float: center; width: 1024px }
#clearer {
}

#pageHeader              { background-image: url(images/Big_header.png); position: absolute; z-index: 2; top: 0px; left: 0px; width: 1024px; height: 160px }
#pageHeader a:link, #pageHeader a:visited    { color: white; text-decoration: none; text-align: left }
#pageHeader a:hover, #pageHeader a:active   { color: black; text-decoration: none }
#pageHeader img {
	position: absolute;
	top: 20px;
	right: 40px;
}

#pageHeader h1     { color: #1058a5; font-weight: normal; font-size: 1.5em; text-align: left; margin: 0px; position: absolute; top: 0px; left: 0px; width: 0px }

#pageHeader h2       { color: #ffffff; font-weight: normal; font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0px; position: absolute; top: 75px; left: 357px; width: 468px }
#login         { color: #039; font-weight: normal; font-size: 10px; text-align: left; margin: 0px; position: absolute; z-index: 3; top: 0px; left: 122px; width: 600px; height: 30px }
#loginmessage   { color: white; font-weight: normal; font-size: 9px; text-align: left; margin: 0px; position: absolute; z-index: 3; top: 2px; left: 510px; width: 180px; height: 30px }
#membre         { color: #fff; font-weight: bold; font-size: 11px; text-align: left; margin: 0px; position: absolute; z-index: 3; top: 5px; left: 700px; width: 324px; height: 20px }
#menu1    { color: #ffffff; font-weight: normal; text-align: left; margin: 0px; position: absolute; z-index: 3; top: 38px; left: 145px; width: 115px; height: 120px }
#contentContainer                   { line-height: 2em; background-color: #dcdcdc; text-align: left; position: absolute; z-index: 0; top: 160px; left: 0px; width: 1024px; height: 500px }
#pubheader1        { background-color: #a9a9a9; text-align: center; position: absolute; z-index: 80; top: 40px; left: 850px; width: 160px; height: 110px }
#GoogleADD     { line-height: 2em; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 20px; position: absolute; z-index: 3; top: 772px; left: 205px; width: 630px; height: 62px }
#banner             { background-repeat: no-repeat; position: absolute; z-index: 10; top: 5px; left: 150px; width: 728px; height: 90px }
#titreheader        { color: white; font-weight: bold; font-size: 20px; text-align: right; border: white; position: absolute; z-index: 102; top: 55px; left: 400px; width: 400px; height: 80px }
#menutheorie              { color: black; font-weight: bold; font-size: 10px; line-height: 1.5em; font-family: Arial, Helvetica; background-repeat: no-repeat; text-align: left; border: blue; position: absolute; z-index: 5; top: 5px; left: 10px; width: 250px; height: 400px }
#menutheorie a:hover, #menutheorie a:active  { color: #10509d; font-weight: bold; font-family: Arial, Helvetica; background-repeat: no-repeat; text-align: left; border: blue; z-index: 5 }
#theorie        { line-height: 2em; background-repeat: no-repeat; text-align: center; padding-top: 0px; position: absolute; z-index: 2; top: 0px; left: 246px; width: 750px; height: 500px }
#titretheorie    { color: white; font-weight: bold; font-size: 20px; background: url(../images/theorie.jpg) no-repeat; padding-left: 20px; position: absolute; top: 0px; left: 256px; width: 592px; height: 500px }
#titretheorie a  { color: black; font-weight: bold; font-size: 20px }
#titretheorie a:hover  { color: #10509d; font-weight: bold; font-size: 20px }
#textestheorie      { color: white; font-size: 7px; z-index: 0; top: 0px; left: 0px; width: 200px; height: 100px }
#pubfooter6  { line-height: 2em; background: url(images/pub_footer.png) no-repeat; text-align: center; padding-top: 20px; position: absolute; z-index: 2; top: 765px; left: 20px; width: 150px; height: 102px }
#pubfooter7  { line-height: 2em; background: url(images/pub_footer_google.png) no-repeat; text-align: center; padding-top: 20px; position: absolute; z-index: 2; top: 765px; left: 190px; width: 660px; height: 102px }
#w3c       { background-repeat: no-repeat; text-align: center; position: absolute; z-index: 5; top: 780px; left: 0px; width: 100px; height: 20px }
#contentleft            { font-size: 12px; line-height: 1.5em; text-align: left; margin-top: 20px; margin-left: 10px; position: absolute; z-index: 2; width: 113px }
#contentleft_index    { color: white; font-size: 16px; line-height: 1.2em; text-align: left; margin-top: 70px; margin-left: 10px; position: absolute; z-index: 3; top: 0px; left: 1px; width: 250px }
#contentleft_index a { color: white; font-weight: bold; font-size: 16px }
#contentleft_index a:hover { color: black }
#contentleft a     { font-size: 16px; line-height: 1.5em; text-align: left; border: #039; z-index: 0 }
#contentleft li      { text-align: left; text-indent: 5px; margin-top: 2px; border-style: none none solid none; border-width: 0px 0px 1px 1px; border-color: #039 #039 #000 #039; position: relative; z-index: 0; width: 110px }
#contentleft ul  { font-weight: bold; list-style-type: none; margin: 0px; padding: 0px }
#contentleft a:hover   { color: #10509d; position: relative; z-index: 0 }
#contentcenter         { color: black; line-height: 1.5em; background: #a9a9a9 repeat; text-align: left; padding-top: 20px; padding-left: 10px; position: absolute; z-index: 0; top: 0px; left: 123px; width: 300px; height: 500px }
#contentright            { color: black; line-height: 1.5em; text-align: justify; padding-top: 20px; padding-left: 20px; position: absolute; z-index: 3; top: 1px; left: 435px; width: 560px; height: 450px }
#contentright_index   { color: white; font-size: 32px; line-height: 1.5em; text-align: justify; position: absolute; z-index: 3; top: 300px; left: 280px; width: 700px; height: 50px }
#contentright_pub  { color: white; font-size: 32px; line-height: 1.5em; text-align: justify; margin-top: 100px; position: absolute; z-index: 10; top: 120px; left: 800px; width: 250px; height: 100px }
#contentright_index a { color: white; font-weight: bold }
#contentright_index a:hover { color: black; font-weight: bold }
#contentContainer #content {
	padding-right: 40px;
	padding-left: 40px;
}

#sidebar      { font-size: 1em; text-align: left; float: left; position: relative; z-index: 3; top: 10px; left: 20px; width: 150px }
#sidebarContainer { font-size: 1em; float: left; position: relative; z-index: 3; width: 150px }
#sidebarContainer #sidebar {
	line-height: 1.4em;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#sidebarContainer .sideHeader {
	font-size: 1.2em;
	font-weight: bold;
}

#footer              { color: white; background-color: #10509d; text-align: left; text-indent: 5px; clear: both; position: absolute; z-index: 0; top: 660px; left: 0px; width: 1024px; height: 100px; display: block }

#footer p {
	margin: 0;
	padding-top: 8px;

	padding-left: 40px;
	padding-bottom: 6px;
}

#footer a:link   { color: white; text-decoration: none }
#footer a:visited { color: white; text-decoration: none }
#footer a:hover, #footer a:active    { color: navy }
	
/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer {
	clear: both;

}

#breadcrumbcontainer ul {
	list-style: none;
	margin: 0;
	padding: 5px 0;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer a {

}

#breadcrumbcontainer a:hover {

}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */
#navcontainer           { color: white; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica; text-align: left; position: absolute; z-index: 99; top: 40px; left: 132px; width: 400px }
#navcontainer1   { color: white; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica; text-align: left; position: absolute; z-index: 99; top: 145px; left: 138px; width: 140px }
#navcontainer #current {}

#navcontainer .currentAncestor {}

/* Parent - Level 0 */

#navcontainer ul         { color: white; font-size: 11px; list-style-type: none; margin: 0px; padding: 0px; width: 140px }

#navcontainer li {

	position: relative;
}

#navcontainer a      { color: white; background-repeat: no-repeat; margin-bottom: 0px; width: 135px; height: 15px; display: block }

#navcontainer a:hover   { color: black }

/* Fix IE. Hide from IE Mac \*/
* html #navcontainer ul li { float: left; height: 1%; }
* html #navcontainer ul li a { height: 20px; }
/* End */

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
#navcontainer ul ul     { text-align: left; margin: 0px; padding: 0px; position: absolute; top: -1px; left: 135px; width: 145px }


#navcontainer ul ul a  { }

#navcontainer ul ul a:hover  {}

#navcontainer ul ul #current{
}


/* Child Level 3 */

#navcontainer ul ul ul {
}

#navcontainer ul ul ul ul li { 
}

#navcontainer ul ul ul ul a{
}

#navcontainer ul ul ul ul a:hover{

}

div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{

display:none;

}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{

display:block;
}
/* @end */

/* @group Global Classes */

blockquote, .standout {
	border: 1px solid #ebebeb;
	padding: 10px;
	background: #ffffff;
	font-style: italic;
	letter-spacing: 1px;
}

h1   { color: #039; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px }

h2      { color: black; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px }

h3     { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px }
h4         { color: white; font-weight: bold; font-size: 10px; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; text-align: left; text-indent: 2px; margin: 0px }
.imageStyle   { }
.imageStyle1 { margin-left: 20px }
/* Main content area unordered list styles */
#contentContainer #content ul {
}
#contentContainer #content li { }
#form_left { position: absolute; top: 20px; left: 10px; width: 240px; height: 200px }
#formulaire1 { line-height: 0.8em; background-color: #a9a9a9; padding-top: 10px; padding-left: 10px; position: absolute; top: 0px; left: 256px; width: 600px; height: 500px }
ul.disc {
	list-style-type: disc;
}

ul.circle {
	list-style-type: circle;
}

ul.square {
	list-style-type: square;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}

/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
	margin: 10px 0;
	padding: 0;
}

#sidebarContainer #sidebar li {
}

/* Table Styles */
table {
	font-size: 1em;
}
	
/* @end */

/* @group Blog */

/* @group Tag Cloud */
ul.blog-tag-cloud {
	margin: 0 0 10px;
	padding: 0;
	text-align: justify;
}

ul.blog-tag-cloud li {
	display: inline;
	padding-right: 5px;
}

.blog-tag-size-1 {	
	font-size: 0.8em;
}

.blog-tag-size-2 {	
	font-size: 0.85em;
}

.blog-tag-size-3 {	
	font-size: 0.9em;
}

.blog-tag-size-4 {	
	font-size: 0.95em;
}

.blog-tag-size-5 {	
	font-size: 1em;
}

.blog-tag-size-6 {	
	font-size: 1.05em;
}

.blog-tag-size-7 {	
	font-size: 1.1em;
}

.blog-tag-size-8 {	
	font-size: 1.15em;
}

.blog-tag-size-9 {	
	font-size: 1.2em;
}

.blog-tag-size-10 {	
	font-size: 1.25em;
}

.blog-tag-size-11 {	
	font-size: 1.3em;
}

.blog-tag-size-12 {	
	font-size: 1.35em;
}

.blog-tag-size-13 {
	font-size: 1.4em;
}


.blog-tag-size-14 {	
	font-size: 1.45em;
}

.blog-tag-size-15 {
	font-size: 1.5em;
}

.blog-tag-size-16 {	
	font-size: 1.55em;
}

.blog-tag-size-17 {	
	font-size: 1.6em;
}

.blog-tag-size-18 {	
	font-size: 1.65em;
}

.blog-tag-size-19 {
	font-size: 1.7em;
}

.blog-tag-size-20 {	
	font-size: 1.75em;
}

/* @end */

/* @group Archive Page */

.blog-archive-background {
}

.blog-entry-summary {
	margin-bottom: 10px;
}


.blog-archive-headings-wrapper {

}

.blog-archive-entries-wrapper {
}

.blog-archive-entries-wrapper .blog-entry {
}

.blog-archive-month {
	letter-spacing: 6px;
	font-size: 2.2em;
}

.blog-archive-link {
	margin-bottom: 20px;
}

.blog-archive-link a:link, .blog-archive-link a:visited {
}

.blog-archive-link a:hover, .blog-archive-link a:active {
}

	
/* @end */

.blog-entry {
}

.blog-entry-title {
	font-weight: normal;
	margin: 0 0 3px;
	letter-spacing: 6px;
	font-size: 1.5em;
}

.blog-entry-date {
	margin-top: 2px;
	letter-spacing: 5px;
	color: #bfbfbf;
	margin-bottom: 10px;
}

/*styles the category link in the main entry */
.blog-entry-category {
}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

/*styles the permalink link in the main entry */
.blog-entry-permalink {
}

.blog-entry-permalink a:link, .blog-entry-permalink a:visited {
}

.blog-read-more {
	display: block;
	padding-top: 10px;
	font-style: italic;
}

.blog-entry-body {
	margin-bottom: 45px;
}

.blog-entry-comments {
	margin-top: 10px;
	border-top: 1px dotted #bfbfbf;
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 10px;
}

.blog-archive-link-enabled {
}

.blog-archive-link-disabled {
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-bottom: 10px;
}

.blog-category-link-enabled {
}

.blog-category-link-disabled {
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-bottom: 10px;
}

.blog-rss-link {
}

.blog-comments-rss-link {
}

/* @end */

/* @group File Sharing */

.filesharing-description {
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
}

.filesharing-item {
	margin-bottom: 15px;
}

.filesharing-item-title a:link {
}

.filesharing-item-title a:hover {
}

.filesharing-item-title a:visited {



}

.filesharing-item-description {
}

/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */

.album-title {
	font-weight: normal;
	margin-bottom: 3px;
	letter-spacing: 6px;
	font-size: 1.5em;
}

.album-description {
	margin-bottom: 65px;
	margin-top: 2px;
	letter-spacing: 5px;
	border-bottom: 1px dotted #bfbfbf;
	padding-bottom: 5px;
	color: #bfbfbf;
}

.album-wrapper {
	display: block;
	width: 99%;
	position: relative;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 60px;
	margin-right: 10px;
}


.thumbnail-frame {
	position: absolute;
    bottom: 0;
    left: 0;
}

.thumbnail-frame:hover {
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-frame img {
	margin: auto;
    border: none;
}

.thumbnail-caption {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 38px;
	display: block;
}
	
/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	margin: 0;
}

.photo-navigation {
	height: 80px;
	margin-bottom: 50px;
}

.photo-links {
	background: #ffffff;
	padding: 5px;
	position: relative;
	top: 7px;
}

.photo-navigation a:link, .photo-navigation a:visited {

}

.photo-navigation a:hover {

}

.photo-frame{
	background: #ffffff;
	padding: 10px;
}

.photo-title {
	color: #ffffff;
	margin: 0px;
	font-weight: normal;
	padding: 20px 20px 0px 40px;
	letter-spacing: 6px;
	font-size: 1.8em;
}

.photo-caption {
	color: #ffffff;
	margin: 0px;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 40px;
	letter-spacing: 4px;
	font-size: 0.9em;
}

/* @group EXIF data */
/* Data wrapper */
.exif-data {
	color: #fff;
}

/* p tag classes for all exif data */
p.exif-version {
}

p.exif-colour-space {
}

p.exif-focal-length {

}

p.exif-dimensions {
}

p.exif-pixel-y-dimension {
}

p.exif-pixel-x-dimension {
}

p.exif-oecf-value {
}

p.exif-subsec-time-original {
}

p.exif-exposure-mode {
}

p.exif-spatial-frequency-response {
}

p.exif-scene-capture-type {
}

p.exif-subject-location {
}

p.exif-shutter-speed {
}

p.exif-datetime-original {
}

p.exif-subsec-time {
}

p.exif-compressed-bits-per-pixel {
}

p.exif-flash-energy {
}

p.exif-saturation {
}

p.exif-brightness {
}

p.exif-exposure-time {
}

p.exif-f-number {
}

p.exif-file-source {
}

p.exif-gain-control {
}

p.exif-subject-area {
}

p.exif-cfa-pattern {
}

p.exif-scene-type {
}

p.exif-white-balance {
}

p.exif-flash {
}

p.exif-exposure-index {
}

p.exif-flashpix-version {
}

p.exif-device-setting-description {
}

p.exif-focalplane-x-resolution {
}

p.exif-image-uniqueid {
}

p.exif-components-configuration {
}

p.exif-light-source {
}

p.exif-sensing-method {
}

p.exif-aperture {
}

p.exif-sharpness {
}

p.exif-exposure-program {
}

p.exif-subject-distance {
}

p.exif-subsec-time-digitized {
}

p.exif-contrast {
}

p.exif-focalplane-resolution-unit {
}

p.exif-gamma {
}

p.exif-35mm-focal-length {
}

p.exif-datetime-digitized {
}

p.exif-subject-distance-range {
}

p.exif-custom-rendered {
}

p.exif-max-aperture {
}

p.exif-sound-file {
}

p.exif-metering-mode {
}

p.exif-spectral-sensitivity {
}

p.exif-exposure-bias {
}

p.exif-focalplane-y-resolution {
}

p.exif-iso-rating {
}

p.exif-maker-note {
}

p.exif-digital-zoom-ratio {
}

p.exif-user-comment {
}
/* @end */


/* @end */
	
/* @end */

/* @group Quicktime Page */

.movie-description {

}
	
/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
	font-weight: normal;
	margin-bottom: 3px;
	letter-spacing: 6px;
	font-size: 1.5em;
}

.movie-page-description {
	margin-bottom: 5px;
	margin-top: 2px;
	letter-spacing: 10px;
	border-bottom: 1px dotted #bfbfbf;
	padding-bottom: 5px;
	color: #bfbfbf;
}

.movie-thumbnail-frame {
	width: 131px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}

.movie-thumbnail-frame:hover {
}


.movie-thumbnail-caption {
}
	
/* @end */

/* @group Single Page (Movie View) */

.movie-background {
	margin: 10px 0;
}

.movie-title {
	background: #f7f5f6;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-size: 1.5em;
	letter-spacing: 10px;
	padding: 8px;
}

.movie-frame {

}
	
/* @end */


/* @end */

/* @group Contact Form */
.message-text  { font-size: 16px } 

.required-text {
} 

.form-input-field {
} 

.form-input-button { 
} 
/* @end */