/************* Base *************/
body {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 70%;color: #000000;margin:0;padding: 0;line-height: 140%; background:url(../img/fond_signes_chinois.gif)}

h1 { color:#000;font-size:3em;font-weight:bold;margin: 10px 0 15px 0;padding:0px 7px; line-height: 1;}
h2 { color:#000;font-size:2em;font-weight:bold;margin: 10px 0 15px 0;padding:0px 7px; line-height: 1;}
h3 { color:#000;font-size:1em;font-weight:bold;margin: 10px 0 15px 0;padding:0px 7px; line-height: 1;}

A:link {text-decoration: none; color: #000;}
A:visited {text-decoration: none; color: #000;}
A:active {text-decoration: none; color: #000;}
A:hover {text-decoration: underline; color: #000;}

form {margin:0;padding:0;}

/************* Page *************/
#page {margin: 0 auto 0 auto; width:1004px;}

/* Entete */
#entete{ width:1004px; height: 140px; background:url(../img/logos.gif) no-repeat top left #3b7ab4;}
	
	#photo{ height: 140px; }
	
	/* Navigation haut */
	#photo ul.navhaut {float:right;list-style:none; margin:0; padding:0 5px 0 0;}
	#photo ul.navhaut li {color:#fff; list-style:none; margin:0;}
	#photo ul.navhaut a {color:#fff;}
	
	#diapo {float:left; margin:0; height: 136px; width:645px; padding: 4px 0 0 200px;}
	
#entete p {clear:left; font-size: 1em;color:#fff; padding: 0 0 0 0;margin:0;}

/* Corps  */
#corps { width:1004px; background:url(/) repeat-x top left #3b7ab4;}

/* Contenu Header */
#contenuHeader { width: 798px; float: left; background: #FFFFFF url(../img/contenu_top.gif) no-repeat top left;  min-height:30px; height:auto !important; margin:0 0 10px;}
#contenuHeader span {height:1%; color:#000; text-decoration:none; padding: 0 0 0 0;}
#contenuHeader p {clear:left; font-size: 1em;color:#000; padding: 10px 7px;margin:0; text-align: justify;}
#contenuHeader table {border:0; padding: 0px 7px; margin-left: auto; margin-right: auto;}
#contenuHeader table th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #B6D9FF;}
#contenuHeader table tr {font: normal 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background-color: #F7FBFF;}
#contenuHeader table tr td {font: bold 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background-color: #FFF;width:100px;}
#contenuHeader table tr td.alt {font: bold 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background-color: #95bce7; width:100px;}
#contenuHeader table tr td:hover {font: bold 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #FFF url(../fichiers/utilitaires/shuriken.gif) no-repeat center left; width:100px;}
#contenuHeader table tr td.alt:hover {font: bold 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #95bce7 url(../fichiers/utilitaires/shuriken.gif) no-repeat center left; width:100px;}
#contenuHeader table tr td.nothing:hover {font: bold 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #FFF url();width:100px;}

/* Contenu */
#contenu { width: 798px; float: left; background: #FFFFFF url(../img/contenu_top.gif) no-repeat top left; min-height:300px; height:auto !important;}
#contenu span {height:1%; color:#000; text-decoration:none; padding: 0 0 0 0;}
#contenu p {clear:left; font-size: 1em;color:#000000; padding: 10px 7px;margin:0; text-align: justify;}
#contenu p.adresse {clear:left; font-size: 1em;color:#000000; padding: 10px 7px;margin:0; text-align: center;}
#contenu p.required {clear:left; font-size: 1em;color:red; padding: 10px 7px;margin:0; text-align: justify;}
#contenu pre {font: normal 10px Verdana,Arial,Helvetica,sans-serif;clear:left; font-size: 1em;color:#000000; padding: 10px 7px;margin:0; text-align: justify;}
#contenu table {border:0; padding: 0px 7px; margin-left: auto; margin-right: auto;}
#contenu table th.header {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; padding: 2px 2px 2px 4px; background: #95bce7;}
#contenu table tr.noaltern {font: normal 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: left; padding: 2px 2px 2px 4px; background: #F7FBFF;}
#contenu table tr.altern {font: normal 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: left; padding: 2px 2px 2px 4px; background: #c0defe;}
#contenu table tr.yoseikan {font: normal 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: left; padding: 2px 2px 2px 4px; background: #f2eb29;}
#contenu table tr td.alt {font: bold 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #E4F1FF; width:100px;}
#contenu table tr td.noalt {font: bold 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #F7FBFF; width:100px;}
#contenu table tr.chef {font: normal 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #CCFF99;}
#contenu table tr.alt400 {font: normal 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #E4F1FF;}
#contenu table tr.noalt400 {font: normal 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #F7FBFF;}

/* Liste des lettres pour afficher les instructeurs */
ul#liste_lettresInstructeurs {padding:0; text-align: center; }
ul#liste_lettresInstructeurs li {display:inline; list-style-type:none; }
ul#liste_lettresInstructeurs li a { }

/* Navigation de gauche */
#navgauche{ width: 201px; float: left;}
#navgauche ul {background:#f7fbff url(../img/menu_left_top.gif) no-repeat left top; margin:0 6px 6px; padding:10px 0 0 0; list-style:none;}
#navgauche ul.reserve {background:#CCFF99 url() no-repeat left top; margin:0 6px 6px; padding:10px 0 0 0; list-style:none;}
#navgauche ul ul li.reserve {border-top:1px solid #003300; font-weight:normal; padding:0; font-size:70%;}
#navgauche ul ul li {border-top:1px solid #d9ecff; font-weight:normal; padding:0; font-size:70%;}	
#navgauche ul ul li a.reserve:hover {background:#99CC99 url(../fichiers/utilitaires/shuriken.gif) no-repeat center left;font-weight: bold;}
#navgauche ul ul li a:hover {background:#e4f1ff url(../fichiers/utilitaires/shuriken.gif) no-repeat center left;font-weight: bold;}
#navgauche ul ul li a.reserve {display:block; height:1%; color:#000; text-decoration:none; padding:2px 20px;}
#navgauche ul ul li a {display:block; height:1%; color:#000; text-decoration:none; padding:2px 20px;}

#navgauche ul ul {background-image:none; margin:0; padding:0;}
#navgauche ul ul.reserve {background-image:none; margin:0; padding:0;}
#navgauche li {margin:0; padding:0 0 0 10px; font-weight:bold; font-size:14px;}


#navgauche ul ul li.MenuActif  {background-color:#e4f1ff;font-weight: bold;}
#navgauche ul ul li.MenuActif a {color:#991f14;}

/* Pied de page */
#pied {padding: 12px 0px 13px 0px; text-align:center; width:1004px; background: #3b7ab4 url(../img/bordure_pied.gif) repeat-x top left;}

/* Bouton */
.button {border: 1px solid #006; background: #E4F1FF; margin:7px 0px;}
.button:hover {border: 1px solid #006; background: #B6D9FF; margin:7px 0px;}

/* Album photos */
.pagination {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold;}
.title {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold;}
.thumbnail {margin:3px; border: 3px solid #fff;}
.thumbnail_live {margin:3px;	border: 3px solid #000;}
#albums table {border:0; padding: 0px 7px; margin-left: auto; margin-right: auto;}
#albums table th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; padding: 2px 2px 2px 4px; background: #B6D9FF;}
#albums table tr {font: normal 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: left; padding: 2px 2px 2px 4px; background: #F7FBFF;}
#albums table tr td {font: normal 10px Verdana,Arial,Helvetica,sans-serif; color: #000000; text-align: center; padding: 2px 2px 2px 4px; background: #F7FBFF; width:100px;}


/* Autres */
.clear { clear: both;}

/*------------------------------------------------------- CSS pour formulaires -------------------------------------------------------*/

#zoneInfos {
	border:1px solid #053D5C;
	margin:0 50px 20px 20px;
	padding-bottom:20px;
}

#zoneInfos legend {
	background-color:#3B7AB4;
	border:1px solid #053D5C;
	margin:0 0 0 10px;
	padding:5px;
	color:#FFF;
}

#messageConfirmation {
	border:2px solid #00CC00;
	height:50px;
	margin:10px 0 10px 10px;
	width:460px;
}

#messageConfirmation p {
	color:#00CC00;
	margin:15px 0 0 10px;
}

#zoneMessage {
	border:1px solid #053D5C;
	margin:0 50px 20px 20px;
	padding-bottom:20px;
}

#zoneMessage legend {
	background-color:#3B7AB4;
	border:1px solid #053D5C;
	margin:0 0 0 10px;
	padding:5px;
	color:#FFF;
}

#zoneMessages {
	border:2px solid red;
	height:50px;
	margin:10px 0 10px 10px;
	width:460px;
}

#zoneMessages p {
	color:red;
	margin:15px 0 0 10px;
}

#contenu span.chErreurs {
	color:red;
}

#messageErreurNom {
	float:left;
	margin:10px;
}

#messageErreurPrenom {
	float:left;
	margin:10px;
}

#exempleCourriel {
	float:left;
	margin:10px;
}

#messageErreurCourriel {
	float:left;
	margin:10px;
}

#messageErreurMessage {
	float:left;
	margin:10px;
}

label {
	float:left;
	clear:both;
	margin:10px;
}

#lbl_nom {
	margin-left:70px;
}

#lbl_prenom {
	margin-left:51px;
}

#lbl_courriel {
	margin-left:19px;
}

#lbl_sujet {
	margin-left:0;
}

#lbl_message {
	margin-left:45px;
}

input, textarea {
	border:1px solid #053D5C;
	color:#000;
	clear:right;
	margin:0 0 10px 0;
}

input.formul, textarea.formul {
	border:1px solid #053D5C;
	color:#000;
	float:left;
	clear:right;
	margin:10px 0 10px 0;
}

#btEnvoyer {
	float:right;
	clear:both;
	margin-right:50px;
}

#basContenuContact {
	height:100px;
}