/* @override 
	http://air.duoenergiegraphique.com/assets/templates/2007/media/css/style.css
	http://www.airrichelieu.com/assets/templates/2007/media/css/style.css
*/

/*
Author :   Benoit D������©ziel
Version : 0.1
Date: 12/11/2007
*/

/*
Blue: #0767b2
Vert: #82b43c
*/

/* --{ Reset }-- */

@import url("reset.css");

/* --{ Globals }-- */

html {
		font-size: 12px;
}

body {
		font: normal 12px/16px Geneva, Tahoma, Arial, Helvetica, sans-serif;
		text-align: center;
		background: url(../img/background.gif) repeat-x left 26px;
}

p {
		color: #595959;
		margin: 0 0 10px 0;
		line-height: 18px;
}

h1 {
		
}

h2 {
		font-size: 17px;
		line-height: 19px;
		color: #0767b2;
		text-transform: uppercase;
		margin: 8px 0 8px 0;
}

h2 + h3 {
		margin-top: 0;
}

h3 {
		font-size: 14px;
		color: #82b43c;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 1px;
		margin: 15px 0 6px;
}

h2+h4 {
		margin: 0;
		font-size: 14px;
		color: #999;
		font-style: italic;
		font-weight: normal;
}

h4 {
		font-size: 13px;
		color: #666;
		margin: 15px 0 5px;
		display: block;
		clear: both;
		font-weight: bold;
}

img {
		margin: 5px;
}

strong {
		font-weight: bold;
}

small {
		font-size: 11px;
}

a:link, a:visited {
		color: #0767b2;
}

a:hover {
		
}

ul, ol {
		margin: 0 0 10px 0;
}

ol.lettre li ul li {
		background: url(../img/arrow2.gif) no-repeat left 8px;
		list-style-type: none;
		padding: 5px 5px 5px 12px;
}

ol.lettre li {
		list-style-type: lower-alpha;
		background: none;
		padding: 5px 0;
		margin-left: 18px;
}

ol ul {
		margin-left: 8px;
}

ul ul, ol ol {
		margin-top: 8px;
		margin-left: 4px;
		margin-bottom: 0;
}

li, ol ul li {
		color: #595959;
		background: url(../img/arrow2.gif) no-repeat left 8px;
		padding: 5px 5px 5px 12px;
		line-height: 16px;
		list-style-type: none;
}

li.section span {
		background: none;
		padding: 5px 0;
		list-style-type: decimal;
		font-size: 16px;
		font-weight: bold;
		list-style-position: inside;
}

li li, ol ul li li {
		background: url(../img/arrow3.gif) no-repeat left 8px;
		margin-left: 5px;
}

ol li {
		list-style-type: decimal;
		background: none;
		list-style-position: inside;
}

dl {
		
}

dt {
		
}

dd {
		
}

/* --{ Layout }-- */

#wrapper {
		margin: 0 auto;
		width: 980px;
		height: auto;
		text-align: left;
		padding: 0 2px;
		background: url(../img/shadow.gif) no-repeat center top;
}

.quicklinks {
		text-align: right;
		line-height: 21px;
}

#header {
		height: 152px;
		background: #0767b2 url(../img/header.jpg) no-repeat left top;
		float: left;
		width: 980px;
}

#en #header {
		background: #0767b2 url(../img/header-En.jpg) no-repeat left top;
}

#frontpage #header {
		background: #0767b2 url(../img/header-front.jpg) no-repeat left top;
}

#header img {
		margin: 46px 0 46px 10px;
}

#content {
		float: left;
		padding: 10px;
		display: inline;
		background-color: #FFF;
}

div.left {
		float: left;
		width: 240px;
		margin: 0 5px 0 0;
}

* html div.container {
		
}

div.center {
		float: left;
		width: 350px;
		margin: 0 5px;
}

div.right {
		float: left;
		width: 350px;
		margin: 0 0 0 5px;
}

div.doubleright {
		float: left;
		width: 705px;
		margin: 0 0 0 5px;
}

div.doubleleft {
		float: left;
		width: 450px;
		margin: 0 0 0 5px;
}

div.full {
		float: left;
		width: 959px;
}

* html div.full {
		width: 958px;
}

#footer {
		float: left;
		height: 42px;
		width: 960px;
		padding: 10px 10px 0;
		background-color: #e3e3e3;
		text-align: center;
                position: relative;
}

#credit_duo {
	display: block;
	width: 31px;
	height: 15px;
	background: url(../img/credit_duo_gris_pale2.gif) no-repeat top left;
        position: absolute;
        top: 18px;
        right: 20px;
}

#credit_duo:hover {
	background-position: top right;
}

#credit_duo span {
	display: none;
}

.home {
		margin-bottom: 15px;
}

.bucket {
		width: 316px;
		height: 130px;
		background: #0767b2;
		color: #FFFFFF;
		margin: 0;
		float: left;
		display: inline;
}

.bucket div {
		float: left;
		margin: 10px 0 0 70px;
		display: inline;
}

.bucket a {
		color: #fff;
		float: left;
		position: absolute;
		top: 310px;
}

.bucket.ecole a:hover, .bucket.personnel a:hover, .bucket.locaux a:hover, #en .bucket.ecole a:hover, #en .bucket.personnel a:hover, #en .bucket.locaux a:hover {
		background-position: left bottom;
}

.bucket.ecole a {
		background: url(../img/btn_ecole.png) no-repeat left top;
		text-indent: -3000em;
		width: 115px;
		height: 22px;
}

#en .bucket.ecole a {
		background: url(../img/btn_ecole-En.png) no-repeat left top;
}

.bucket.personnel a {
		background: url(../img/btn_personnel.png) no-repeat left top;
		text-indent: -3000em;
		width: 115px;
		height: 22px;
}

#en .bucket.personnel a {
		background: url(../img/btn_personnel-En.png) no-repeat left top;
}

.bucket.locaux a {
		background: url(../img/btn_locaux.png) no-repeat left top;
		text-indent: -3000em;
		width: 115px;
		height: 22px;
}

#en .bucket.locaux a {
		background: url(../img/btn_locaux-En.png) no-repeat left top;
}

.ecole {
		background: url(../img/bucket_ecole.gif) no-repeat left top;
}

.personnel {
		background: url(../img/bucket_perso.gif) no-repeat left top;
		margin: 0 5px;
}

.locaux {
		background: url(../img/bucket_locaux.gif) no-repeat left top;
}

div.documentation {
		padding: 10px 5px 10px 5px;
		border: solid 2px #CCC;
		background: #F3F3F3 url(../img/docu-ico.png) no-repeat 10px 6px;
		margin-right: 50px;
}

.documentation p {
		margin: 0;
		line-height: 14px;
		text-transform: uppercase;
}

.documentation a {
		text-decoration: none;
		padding-left: 45px;
		display: block;
}

div.contact {
		padding: 10px 5px 10px 5px;
		border: solid 2px #CCC;
		background: #F3F3F3 url(../img/mail-ico.png) no-repeat 10px;
		margin-right: 50px;
		text-transform: uppercase;
}

.contact p {
		margin: 0;
		line-height: 14px;
		text-transform: uppercase;
}

.contact a {
		text-decoration: none;
		padding-left: 45px;
		display: block;
}

div.licences img {
		margin: 0;
		margin-right: 10px;
}

.personnelListe {
		float: left;
}

.personnelListe dl {
		width: 176px;
		height: 175px;
		float: left;
		margin-bottom: 10px;
}

.personnelListe dt, .personnelListe dd {
		float: left;
}

.personnelListe img {
		margin: 0;
}

div.post {
		float: left;
		width: 959px;
}

div.post img {
		float: right;
}

.post p {
		margin-left: 65px;
		margin-right: 325px;
}

div.date {
		float: left;
		margin: 10px 8px 5px 0;
		padding-right: 8px;
		border-right: 1px solid #b5b5b5;
		height: 34px;
}

span.jour {
		font-size: 20px;
		display: block;
		text-align: right;
		line-height: 22px;
}

span.mois {
		text-transform: uppercase;
}

div.list_archives {
		float: left;
		clear: both;
		width: 839px;
		padding: 0 10px 10px;
		background-color: #F3F3F3;
		border: solid 2px #CCC;
		margin-right: 50px;
		margin-left: 50px;
}

.popup {
		padding: 15px;
		text-align: left;
}

div.selectPays {
		background-color: #F3F3F3;
		border: solid 2px #CCC;
		float: left;
		width: 100%;
}

div.selectPays .active {
		background-color: #dadada;
}

div.selectPays ul {
		float: left;
		margin: 0;
}

div.selectPays li {
		padding-left: 35px;
		padding-right: 10px;
		background-repeat: no-repeat;
		background-position: 10px center;
		float: left;
}

div.selectPays li:hover {
		background-color: #eee;
}

div.selectPays.big {
		margin: 0;
		width: 670px;
		position: relative;
		top: 0;
		float: none;
		padding: 0 15px;
		text-align: center;
}

div.selectPays.big ul {
		margin-top: 10px;
}

div.selectPays.big li {
		display: inline;
		padding-left: 25px;
		background-repeat: no-repeat;
		background-position: 5px center;
}

.dz {
		background-image: url(../img/dz.png);
}

.in {
		background-image: url(../img/in.png);
}

.ma {
		background-image: url(../img/ma.png);
}

.fr {
		background-image: url(../img/fr.png);
}

#thumbphoto {
		overflow: hidden;
		white-space: nowrap;
		height: 100px;
		width: 605px;
		float: left;
		padding: 10px 0;
}

#thumbphoto img {
		margin: 0;
		background: url(../img/ajax-loader.gif) no-repeat center center;
		border: 1px solid #999;
}

#thumbphoto img:hover {
		border: 1px solid #0767b2;
}

div#fullpic {
		overflow: hidden;
		width: 384px;
		height: 237px;
		display: block;
		float: left;
		margin: 0 160px;
		white-space: nowrap;
}

div#fullpic img {
		margin: 0 10px;
		background: url(../img/ajax-loader.gif) no-repeat center center;
}

a.arrow {
		width: 50px;
		height: 50px;
		margin: 25px 0;
		display: block;
		background-color: #000;
		line-height: 50px;
		text-align: center;
}

a#leftarrow {
		float: left;
		background: url(../img/btn_left.png) no-repeat left top;
		text-indent: -3000em;
}

a#leftarrow:hover {
		background: url(../img/btn_left.png) no-repeat left bottom;
}

a#rightarrow {
		float: right;
		background: url(../img/btn_right.png) no-repeat left top;
		text-indent: -3000em;
}

a#rightarrow:hover {
		background: url(../img/btn_right.png) no-repeat left bottom;
}

/* --{ Galerie }-- */

ul.thumbs {
		float: left;
}

ul.thumbs li {
		float: left;
		background: none;
		margin: 10px 0;
		padding: 0;
		height: 110px;
}

ul.thumbs li a {
		background: none;
		margin: 0;
		padding: 5px;
		border: 1px solid #FFF;
		float: left;
}

ul.thumbs li a:hover {
		border: 1px solid #a5a5a5;
}

ul.thumbs li img {
		margin: 0;
		padding: 0;
}

/* --{ Previsions }-- */

.previsions {
		float: left;
}

.previsions li {
		width: 320px;
		float: right;
		margin: 0;
		padding: 10px;
		background-image: none;
		text-align: center;
		height: 100px;
}

.previsions li.today {
		width: 335px;
		float: left;
		margin: 0;
		padding: 10px;
		background-image: none;
		text-align: center;
		height: 200px;
}

.previsions h3 {
		text-align: left;
}

.previsions img {
		float: left;
}

.previsions .today img {
		margin-left: 100px;
}

.previsions span {
		margin-left: 0;
		line-height: 31px;
}

.previsions .today span.temp {
		margin-left: 0;
		float: left;
		line-height: 62px;
		font-size: 16px;
		font-weight: bold;
}

.previsions+ul {
		float: left;
}

.meteo {
		float: left;
		text-align: center;
}

.meteo a {
		
}

.meteo img {
		border: 2px solid #fff;
		margin: 0;
}

.meteo img:hover {
		border: 2px solid #DDD;
}

/* --{ Tabs }-- */

#tab-holder, #tab-holder2 {
		width: 700px;
		float: left;
		margin-bottom: 20px;
}

.tab-wrapper {
		float: left;
		width: 424px;
		height: 208px;
		z-index: 1;
		margin-left: -2px;
}

.tab-menu {
		list-style: none;
		width: 180px;
		float: left;
		z-index: 10;
}

.tab-menu li {
		background: none;
		padding: 0;
		line-height: 26px;
}

.tab-menu li a {
		padding: 0 5px;
		display: block;
		text-decoration: none;
}

.tab-menu li.tab-selected {
		border: solid 1px #CCC;
}

.tab-menu li a:hover,
.tab-menu li a:focus {
		
}

.tab-menu li a:hover {
		color: #82b43c;
}

.tab-menu li.tab-selected a {
		color: #333;
}

div.avion {
		float: left;
		margin: 4px 8px;
		width: 492px;
}

div.avion img {
		float: left;
		margin: 0;
		margin-right: 8px;
}

div.avion h3 {
		float: left;
		margin-left: 10px;
}

div.avion ul {
		float: left;
		margin-left: 10px;
		width: 282px;
}

div.avion li {
		line-height: 16px;
}

/* --{ Navigation }-- */

#nav {
		float: left;
		text-align: center;
		width: 980px;
		line-height: 38px;
		text-align: center;
		background: #82b43c url(../img/nav-bg.png) repeat-x left top;
		padding: 0;
		margin: 0;
}

#nav ul {
		float: left;
		margin: 0 50px;
		padding: 0;
		text-align: center;
		width: 880px;
}

#nav li {
		background: none;
		float: left;
		margin: 0;
		padding: 0;
}

#nav li.last {
		border: none;
}

#nav li a {
		text-decoration: none;
		color: #FFF;
		text-transform: uppercase;
		line-height: 35px;
		float: left;
		display: block;
		padding: 0 10px;
		margin: 3px 2px 0;
}

#nav li a:hover, #nav li.active a {
		background: url(../img/nav_over.png) repeat-x center bottom;
		color: #333;
		margin-right: 1px;
		margin-left: 1px;
		border-right: 1px solid #597829;
		border-left: 1px solid #597829;
}

* html #nav li a {
		margin: 3px 1px 0;
}

* html #nav li a:hover, * html #nav li.active a {
		border: none;
		margin: 3px 1px 0;
		padding: 0 10px;
}

.subnav {
		text-transform: uppercase;
		margin: 0 50px 10px 0;
}

.subnav li {
		font-size: 14px;
		padding: 10px;
		border-bottom: 1px dotted #6e6e6e;
		background: url(../img/arrow.gif) no-repeat left 14px;
}

.subnav li ul {
		margin: 5px 0 0 10px;
		padding: 0;
}

.subnav li li {
		font-size: 12px;
		padding: 0;
		background: none;
		border: none;
		text-transform: capitalize;
		margin: 0;
}

.subnav li a {
		padding: 0;
		margin: 0 0 0 4px;
		text-decoration: none;
		line-height: 18px;
		color: #6e6e6e;
		display: block;
}

.subnav li a:hover {
		color: #0767b2;
}

.subnav li.cameraweb {
		background: none;
}

#bottomNav {
		float: left;
		width: 960px;
		text-align: center;
		display: block;
}

#bottomNav ul {
		margin: 0 auto;
		text-align: center;
}

#bottomNav li {
		background: none;
		display: inline;
}

/* --{ Typography }-- */

.bleu {
		color: #0767b2;
}

.vert {
		color: #82b43c;
}

h2 .vert {
		display: block;
}

.bucket h2, .bucket p {
		color: #FFF;
		line-height: 16px;
}

.bucket h2 {
		margin-top: 0;
}

#footer p {
		margin: 0;
}

p.note {
		padding: 10px;
		background-color: #f1f1f1;
}

/* --{ Frontpage } --*/

body#frontpage {
		background: #255b9d url(../img/back_front.png) repeat-x left 21px;
}

#frontpage #wrapper {
		margin-top: 21px;
		padding: 0;
		background: #FFF;
}

#frontpage .left {
		text-align: center;
}

.events {
		background-color: #f6fb81;
		background-image: url(../img/events_bg.png);
}

.events p {
		margin: 0 10px 10px 20px;
}

.events img {
		margin: 0;
		padding: 0;
		margin-bottom: -5px;
}

.langSelect div {
		padding: 10px;
		background-color: #F3F3F3;
		border: solid 2px #CCC;
		margin-bottom: 10px;
}

/* --{ Tables }-- */

table {
		border-spacing: 1px;
		font-size: 11px;
		background-color: #E7E7E7;
		color: #888;
		margin-bottom: 15px;
}

caption {
		font-weight: bold;
		border-bottom: 2px solid #1975d7;
		color: #FFF;
		text-transform: uppercase;
		padding: 10px;
}

td, th {
		padding: 6px;
}

th {
		text-align: center;
		background: #F5F5F5;
		color: #666;
		border: 1px solid #FFF;
		text-transform: uppercase;
}

tbody th {
		font-weight: bold;
		text-align: left;
}

tbody tr {
		background-color: #FFF;
		text-align: center;
}

tbody tr.alt {
		background-color: #f9f9f9;
		border-top: 1px solid #FFF;
}

tbody th a:link, tbody th a:visited {
		color: #96D030;
		padding: 3px 0px 0px 18px;
}

tbody th a:hover {
		color: #FF8601;
}

tbody tr td {
		background: #FFF;
		border: 1px solid #FFF;
}

tbody tr.alt td {
		background: #f9f9f9;
		border-top: 1px solid #FFF;
}

table td a:link, table td a:visited {
		color: #1975D7;
		text-decoration: none;
}

table td a:hover {
		color: #50ADEA;
		border-bottom: 2px solid #8FD5FF;
		text-decoration: none;
}

tfoot th, tfoot td {
		background-color: #E7E7E7;
		padding: 10px;
		text-align: center;
		font-weight: bold;
		font-style: italic;
		border-bottom: 3px solid #CCC;
		border-top: 1px solid #DFDFDF;
}

tbody tr.weekdays td {
		height: 10px;
}

.weekdays th {
		text-align: center;
		background-color: #FFF;
		font-weight: normal;
		font-style: normal;
}

/* --{ Forms }-- */

form {
		
}

fieldset {
		float: left;
		clear: left;
		width: 100%;
		border: 1px solid #ccc;
		margin-bottom: 10px;
		background-color: #f6f6f6;
}

fieldset ol {
		float: left;
		clear: left;
		background: none;
		margin: 0;
}

fieldset li {
		float: left;
		clear: left;
		padding-bottom: 10px;
		background: none;
		display: block;
}

legend {
		color: #666;
		font-size: 14px;
		text-transform: uppercase;
		margin-left: 1em;
}

label {
		float: left;
		width: 100px;
		line-height: 20px;
}

input {
		
}

form .right {
		float: right;
		padding: 0;
		margin: 0;
}

form .left {
		float: left;
		padding: 0;
		margin: 0;
}

form li span {
		margin: 0 4px 0 0;
		padding: 0 0 8px 0;
		color: #444;
		float: left;
}

form li span label {
		width: 10px;
}

form table {
		margin: 0 auto;
}

label.required {
		color: red;
}

input.required {
		border: 1px solid red;
}

input.required:after {
		content: (*);
}

/* --{ Clearfix }-- */

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

.clearfix {
		display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
		height: 1%;
}

.clearfix {
		display: block;
}

/* End hide from IE-mac */