/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background-image: url(../img/fond_html.gif);
  background-repeat:repeat-x;
  background-color:#fff;
  width:100%;
  font:11px Arial, helvetica, sans-serif;
  color:#424242;
  line-height:18px;
}

.bleu {color:#4166a9 !important}
.orange {color:#ec9600 !important}
.gris {color:#424242 !important}


.right {float:right}
.left {float:left}
.clear {clear:both}

img {border:none}
/*p {text-align:justify}*/
a {text-decoration:none}

h1 {font-size:18px; color:#4166a9; margin-bottom:5px}
h2 {font-size:18px; color:#ec9600; margin-bottom:5px}
h3 {font-size:13px; margin-bottom:5px}
h4 {font-size:12px}
h5 {font-size:10px}


/* ============================================== Classe generale ===============================================================================*/
.img-gauche {margin-right:20px}
.img-droite {margin-left:20px}
.savoir {margin-top:10px}

.cadran1 {background-image: url(../img/cadran1_milieu.gif); padding:0px 2px}

.margin-top5 {margin-top:5px}
.margin-top10 {margin-top:10px}

.margin-bas5 {margin-bottom:5px}
.margin-bas10 {margin-bottom:10px}
.margin-bas20 {margin-bottom:20px}

.margin-left10 {margin-left:10px}

.lien1,.lien2,.lienactif {
  background-image: url(../img/puce1.gif);
  background-repeat:no-repeat;
  background-position:8px 6px;
  /*width:209px;*/
  background-color:#fff7e8;
  color:#666;
  display:block;
  padding:0px 5px 0px 20px;
}
.lien2 {background-image: url(../img/puce2.gif); background-color:#eaf2ff}
a:hover.lien1,a:hover.lien2 {background-color:#ec9600; color:#fff}

.lienactif {background-color:#ec9600; color:#fff}

a.lien-bleu {color:#4166a9 !important}
a:hover.lien-bleu {text-decoration:underline}

a.lien-orange {color:#ec9600 !important}
a:hover.lien-orange {text-decoration:underline}

.telechargement {
  background-image: url(../img/telechargement.gif);
  background-repeat:no-repeat;
  background-position:0px 0px;
  color:#4166a9;
  display:block;
  padding:5px 5px 15px 60px;
  font-weight:bold
}
a:hover.telechargement {text-decoration:underline}

.liste {background-color:#e5eeff; border:1px #ccdeff solid; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}


/* ============================================== Structure generale ===============================================================================*/
#conteneur {
  width:880px;
  margin:0px auto 0px auto;
}

#bandeau {position:relative}
#logo {position:absolute; top:25px; left:40px}
#flash {margin-top:40px}

#colonne-gauche {width:502px !important; margin:10px 0px 0px 38px}
#colonne-droite {width:238px; margin:30px 0px 0px 60px}

#pied {margin:30px 0px 20px 0px}
#pied a {color:#666}
#pied a:hover {color:#4166a9}
#pied p {text-align:center}

.video {width:500px; background-image: url(../img/video_milieu.gif); text-align:center}

#colonne-gauche ul{padding:10px;background:#F2F2F2;margin:10px 0;}
#colonne-gauche ul li{margin-left:25px;}
#body ul,#body ol{padding:10px;background:#F2F2F2;margin:10px 0;}
#body ul li,#body ol li{margin-left:25px;}


/* ============================================== accueil ===============================================================================*/
#courses {display:block; margin-right:15px}


/* ============================================== Contact ============================================================================*/
.contact {padding:10px 15px}
.contact p {width:200px}

fieldset {border:none}
#coord {border-left:2px #4166a9 solid; border-right:2px #4166a9 solid}
#coord label {float:left; height:15px;  width:150px; margin-right:10px; text-align:right; color:#ec9600}
#coord input {float:left; height:15px; width:280px; margin-bottom:12px; background-color:#f0f0f0; color:#151515; font-size:12px}
textarea.message {width:490px; height:90px; background-color:#f0f0f0; color:#151515; font-size:12px; padding:5px}
select {width:280px; margin-bottom:12px; font-size:12px; background-color:#f0f0f0}
option {padding:1px 5px}

.input-vert {border:1px #b8b8b8 solid; padding:1px}
#envoyer {margin:10px 0px 0px 200px; width:124px; height:28px}


.error {
	margin:0;
	padding:0;
	text-align:center;
	padding:5px;
	margin:5px;
	font-weight:bold;
	background-color:#FF0000;
	color:#fff;
}
.ok {
	margin:0;
	padding:0;
	text-align:center;
	padding:5px;
	margin:5px;
	font-weight:bold;
	background-color:#00AE2C;
	color:#fff;
}

.coordonnees {width:500px; margin-right:0px}
div > .coordonnees {width:500px; margin-right:20px}
.coordonnees i {margin-bottom:10px; display:block; color:#ec9600}


/* ============================================== Mentions etc ==========================================================================*/
#leb-img {margin:20px 0px 0px 20px}
.fond-infos,.fond-infos2 {background-color:#b5f0ff; margin:5px 0px; padding:5px 0px 5px 20px; width:350px}
.fond-infos2 {background-color:#e0f7fd}

.aide caption {background-color:#ec9600; color:#fff}

.couleur1 {background-color:#e0f7fd}
.couleur2 {background-color:#b5f0ff}

#extras caption {width:580px; background-color:#0E709B; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:580px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan a {display:block; width:580px; padding:5px 0px 5px 5px; background-color:#b5f0ff; margin-bottom:4px; border-right:5px #15749e solid}
#plan a:hover {background-color:#e0f7fd; border-right:5px #dc9b00 solid; color:#dc9b00}


div.extras{margin:15px;}
div.extras .credits1,div.extras .credits2{background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:250px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras a{color:#EC9600;}
div.extras h4{margin-bottom:10px}

#creditsLeb ul li{margin-left:0 !important}



#body a{color:#EC9600 !important;font-weight:bold;text-decoration:none}
#body a:hover{color:#EC9600 !important;font-weight:bold;text-decoration:underline}

#body table{background:#fff !important;border:1px solid #F1EDE7;border-collapse:collapse;margin:10px 0px/*color:#57563d*/}
#body table tr{padding:0;margin:1px 0;color:#6b6b6d;font-size:11px}
#body table td{padding:5px;margin:0;border:1px #fff solid}

#body table tr.even{background-color:#ececec}
#body table tr.odd {background-color:#dddddd}

#body table thead tr{background:#EC9600 !important;border:0 !important;}
#body table tfoot tr{background:#4166A9 !important;border:0 !important;}
#body table thead tr td{border:0 !important;background:#EC9600 !important;color:#fff !important;font-weight:bold;}
#body table tfoot tr td{border:0 !important;background:#4166A9 !important;color:#fff !important;font-weight:bold;}
#body table tr th{background:#EC9600;color:#fff;padding:5px}
#body table tr th p{color:#fff !important}
#body table tr td{color:#666 !important}