﻿/* disposition CSS */
a:link {
	border: 0;
	font: normal normal bold medium Arial, Helvetica, sans-serif;
	color: #000080;
	text-decoration: none;
	font-size: small;
}
a:visited {
	border: 0;
	font: normal normal bold medium Arial, Helvetica, sans-serif;
	color: #000080;
	text-decoration: none;
	font-size: small;
}
a:hover {
	border: 0;
	font: normal normal bold medium Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: none;
	font-size: small;
}
a:active {
	border: 0;
	font: normal normal bold medium Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	text-decoration: underline overline;
	font-size: small;
}

#contener{
	font: 90% Arial, Helvetica, sans-serif;
	padding: 0;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat;
	height: 100%;
}

.h2{
	font: normal normal bold 150% Arial, Helvetica, sans-serif;
	color: #5284C6;
	text-align: center;
}

.h3{
	font: normal normal bold 100% Arial, Helvetica, sans-serif;
	color: #5284C6;
}

.middle{
	text-align: center;
}

.gauche{
	text-align: left;
}
.droite {
	text-align: right;
}

.no_border {
	border-width: 0px;
}

.cadre{
	margin-top: 1em;
	margin: 0 0 0 200px;
	border: 1px dotted #000;
	padding: 0.3em;
	display: block;
	font-weight: bold;
	width: 200px;
}

.entoure{
	margin-top: 1em;
	border: 1px dotted #000;
	padding: 0.3em;
	font-weight: bold;
}

.encadrer{
border-top:1px dotted #000;
padding:0.3em;
display:block;
font-weight:bold;

color:#5284C6;;
}

.fond_bleu {
	background-color: #97B5DD;
}

.fond_jaune {
	background-color: #FFCC00;
}


/* -----------------------------------------
MENU HAUT DESSUS IMAGE
----------------------------------------- */

#menuhaut{
overflow: hidden;
	background: url(image/menuhaut.jpg) no-repeat left ; /*default background of menu bar*/
}

#menuhaut ul{
	height: 30px;
	width: 732px;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	width: 100%;
	font: bold 13px Arial;
}

#menuhaut ul li{
display: inline;
}

#menuhaut ul li a{
float: left;
color: white;
padding: 9px 10px;
text-decoration: none;
color: white;
}

#menuhaut ul li a:visited{
color: white;
}

#menuhautul li a:hover{
color: black;
}


#menuhaut ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: black;
background: url(image/menuhautover.jpg) center center repeat-x;
}


/* -----------------------------------------
MENU HAUT SOUS IMAGE
----------------------------------------- */

.droplinebar{
overflow: hidden;
background:  url(image/menubas1.jpg) center center repeat-x; /*default background of menu bar*/
}

.droplinebar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: bold 13px Arial;
background:  url(image/menubas1.jpg) center center repeat-x; /*default background of menu bar*/
}

.droplinebar ul li{
display: inline;
}

.droplinebar ul li a{
float: left;
color: white;
padding: 9px 10px;
text-decoration: none;
color: white;
}

.droplinebar ul li a:visited{
color: white;
}

.droplinebar ul li a:hover{
color: black;
}


.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: black;
background: url(image/menubasover.jpg) center center repeat-x;
}

/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: url('image/menubasover.jpg'); /*sub menu background color */
visibility: hidden;
height: 35px;
}

/* Sub level menu links style */
.droplinebar ul li ul li a{
padding: 10px;
padding-right: 8px;
margin: 0;
border-bottom: 0px solid navy;
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: url('image/menubas.jpg');
height: 30px;
}

/* -----------------------------------------
IMAGE
----------------------------------------- */
.img{ 
border:none;
}

.img a{ 
border:none;
}

img.gauche {
	margin: 3px 0px 0px 0px;
}
img.droit {
	margin: 3px 0px 0px 0px;
}
img.grande{ 
	clear:both;
}

#page_content {
	margin: 0 0 0 0;
	float: left;
	width: 890px;
	height: 100%;
}
#tableenfant {
	padding: 2px;
	margin: 0px;
	float: left;
	width: 300px;
	height: 100%;
	vertical-align: middle;
}

#colonne_gauche {
	padding: 20px 0 20px 20px;
	text-align: justify;
	float: left;
	width: 420px;
	height: 100%;
	vertical-align: middle;
}

#colonne_droite {
	padding: 20px 0 20px 20px;
	text-align: justify;
	float: left;
	width: 420px;
	height: 100%;
}


#footer {
	padding-top: 1em;
	padding-bottom: 1em;
	clear: both;
	font-size: 80%;
	text-align: center;
}
#footer a {
	text-decoration: none;
	color: #000000;
}
#footer a:hover {
	text-decoration: none;
	color: #52B22F;
}

/* -----------------------------------------
 LE TABLEAU DES HORAIRES
----------------------------------------- */

table.colonne {
	
	width:70%;
	font-size: 0.8em;
}
table.colonne tr.entete td{
	color: #FFFFFF;
	background-color: #66CB33;
	text-align: center;
	height:5em;
}
table.colonne tr.soustitre {
	color: #000000;
	background-color: #FFCC00;
	text-align: center;
	width:100%;
}
table.colonne tr.texte {
	color: #000000;
	background-color: #D9EAED;
	text-align: center;
}
table.colonne td.texte_bold {
	color: #FFFFFF;
	background-color: #66CB33;
	text-align: left;
	padding: 0.5em;
}
table.colonne td{
	color: #000000;
	text-align: center;

}

div.boite_modele1 span.soustitre  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-bottom: 1px solid #CC0000;
	text-decoration: none;
	margin-bottom:0.5em;
	display: block;
	color: #CC0000;
}

/* -----------------------------------------
 PAGE CONGRES (a changer)
----------------------------------------- */

table.congres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 0px;
	margin-top: 15px;
}

table.congres a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	text-align: center;
	display: block;
	text-decoration: none;
	width: 100%;
	height:2em;
	padding-top:1em;
}
table.congres a:hover {
	color: #000000;
	display: block;
	text-decoration: none;
	background-color: #CCCCCC;
	background-image: url(images/fond_menu.gif);
	background-repeat: repeat-x;
}

.titrecongre {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	text-align: left;
	margin: 0px;
	padding: 1em;
}
.boutoncongre {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	text-align: left;
	margin: 0px;;
	height:100%;
}

.boutontintin{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6B9FCA;
	text-align: left;
	margin: 0px;
}
.titretintin{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6B9FCA;
	text-align: left;
	margin: 0px;
	padding: 1em;
}

.titrechasse{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #984C35;
	text-align: left;
	margin: 0px;
	padding: 1em;
}

.boutonchasse{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #984C35;
	text-align: left;
	margin: 0px;
}
.titrechateau{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B73554;
	text-align: left;
	margin: 0px;
	padding: 1em;
}
.boutonchateau{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B73554;
	text-align: left;
	margin: 0px;
}
.sous_titrecongre {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-color: #FF9900;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.sous_titretintin {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-color: #ADD3E9;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.sous_titrechateau{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-color: #D3627D;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.sous_titrechasse {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-color: #CA6445;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.textecongre {

	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding-right: 10px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.textebasdepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding-bottom: 5px;
	border-top-color: #6B9FCA;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #6B9FCA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #6B9FCA;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #6B9FCA;
	border-right-style: solid;
	border-right-width: 1px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 10px;
}

table.drapeau a img{
	border:0px;
}

table.drapeau a:hover {
	border:10px double #CCCCCC;
	
}

#bloc {
	width: 405px;
	margin-right: 15px;
	float: left;
	text-align: center;
	margin-left: 15px;
	vertical-align: top;
	margin-bottom: 20px;
}

.titre_bloc{
	margin-bottom: 0px;
	margin-left: 30px;
	margin-top: 0px;
	padding: 0px 0 0 0;
	margin: 0 0 20px 20px;
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size: large;
	color: #0099FF;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	padding-top: 0px;
}


/* -----------------------------------------
LIEN FORMULAIRE
----------------------------------------- */


div.boite_modele4 div.colonne1 table.formulaire td a {
	text-decoration: none;
	color: #000000;
}
div.boite_modele4 div.colonne1 table.formulaire td a:hover {
	text-decoration: none;
	color: #52B22F;
}

fieldset {
	text-decoration: none;
	color: #000000;
	font-size:0.9em;
	border: 0px;
	padding:0.2em;
	
}

fieldset legend {
	padding:0.2em;
	font-size:1em;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

fieldset input {
	border-color:#CCCCCC;
	border-width: 1px;
	border-style: solid;
	
}
span.Style1 {
color: #FFFFFF; 
padding-left: 0.5em
}

p.lien a {
font-size:1em;
color: #FFFFFF; 
text-decoration:none;
}

p.lien a:hover {

color: #FFFFFF; 
text-decoration:none;
}
.table_chien td {
	border-width: 1px;
	border-style: solid;
	border-color: #C0C0C0;
	}
