/* CSS Document */
* {
	margin:0;
	padding:0;
}
html, body { height:100%; }
body {font-size:100%; line-height:.9375em; background:url(images/bgc.gif) repeat-x top #1f292b}
html, input, textarea	{
	font-family: Arial, Helvetica, sans-serif;
	color:#617683;
}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:left; padding-right: 100px; }
.fleft{ float:left}
.fright{ float:right; }
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

a{
	color:#FFFFFF;
	text-decoration:underline
} 
a:hover{text-decoration:none}

.link{color:#fff; background:url(images/marker1.gif) top left no-repeat; padding-left:10px; background-position:0 5px; }

.link1{color:#4299d4; font-weight:bold; font-size:1.08em }
.link2{color:#7aab10; font-weight:bold; font-size:1.08em; }
.link3{color:#ce7f1e; font-weight:bold; font-size:1.08em; }
.link4{color:#89a1af; font-weight:bold; font-size:1.08em; display:block; margin-bottom:9px }
.link5{color:#4399d4; }
.link6{color:#7aab10; }


#content ul{margin:0; padding-right: 50px ; list-style:none;}
#content ul li{background:url(images/marker2.gif) top left no-repeat; background-position:0 11px; margin:0px; padding-left:21px; }
#content ul li a{color:#fff; text-decoration:none ; line-height:1.94em; font-size:1.5em} 
#content ul li a:hover { text-decoration:underline; }

#content .ul li{background:url(images/marker3.png) top left no-repeat; background-position:0 11px; margin:0px; padding-left:21px; }
#content .ul li a{color:#486063; text-decoration:none ; line-height:1.94em; font-size:1.5em} 
#content .ul li a:hover { text-decoration:underline; }

#content ul1{margin:0; padding-left:0; list-style:none; color:#FFFFFF; font-size:9px;}

#content ul2{margin:0; padding-left:100px; list-style:none;}




.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-size:.916em }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0px 12px 6px 18px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

.link-2 { display:block; float:left; background:url(images/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-size:.916em }
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:0px 12px 6px 18px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}

.link-3 { display:block; float:left; background:url(images/link_bg2.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-size:.916em }
.link-3 em { display:block; background:url(images/link_left2.gif) no-repeat left top;}
.link-3  b { display:block; background:url(images/link_right2.gif) no-repeat right top; padding:0px 12px 6px 18px; font-weight:normal; font-style:normal;}
.link-3:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:21px 0 30px 0px }
#header .slogan{ margin:99px 0 0px 9px }
#header .indent{
	margin:45px 0px 0px 735px;
	position:absolute;
	width: 168px;
}
#header ul{margin:0; padding:0 0 0 10px; list-style:none;}
#header ul li{ margin:0px; display:inline}
#header ul li a{color:#ffffff; text-decoration:none; width:115px; text-align:center; display:block; float:left ; padding:5px 0px 5px 0px; background:url(images/bg_menu.gif)  center right no-repeat;} 
#header ul li a:hover { color:#000000; text-decoration:none; }

#header ul3{margin:0; padding-left:0; list-style:none; color:#FFFFFF; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif}

#header p{ margin:0px 0px 65px 0px}

#header a{color:#ebff8d; text-decoration:underline} 
#header a:hover{text-decoration:none}


/*content*/
#content{
	font-size:0.75em;
	width:100%;
	text-align:left;
}
#content .indent-col1{padding:33px 30px 0px 33px}
#content .indent-col2{padding:33px 0px 0px 0px}
#content .indent-col3{padding:33px 0px 0px 33px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0px 20px 16px 0px}
#content .img-left1{ float:left; margin:0px 20px 0px 0px}
#content .img-indent{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 15px 0px}
#content .p{ margin:0px 0px 15px 0px}
#content .p1{ margin:0px 0px 45px 0px}
#content .p2{ margin:0}
#content h4{color:#89a1af; font-size:1.08em; margin-bottom:9px;  }
#content h2{color:#fff; font-weight:normal; font-size:2.16em; margin-bottom:18px; background:url(images/tail.gif) repeat-x bottom; padding-bottom:12px  }
#content .h-2{ font-size:2em;  }
#content h3{color:#fff; font-weight:normal; font-size:2.16em; margin-bottom:39px;   }
#content h5{color:#5f7d82; text-transform:uppercase; font-size:1.16em;  line-height:1.28em; margin:0   }
#content h5 strong{color:#95afac;    }
#content h5 a{color:#95afac;    }
#content .h-5{ margin-bottom:11px   }
.icon{ margin:0 5px 0 -19px; vertical-align:middle; position:relative}
.icon1{ margin:0 5px 0 0; vertical-align:middle; position:relative}
#content .tail{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:19px; margin-bottom:19px}
.txt{ font-size:1.08em; color:#89a1af}

#content .indent{padding:0px 0px 0px 63px}
#content .indent2{padding:0px 10px 0px 0px}
#content .indent-1{
	margin:9px 0px 11px 0px;
}
#content .indent3{margin:0px 0px 11px 0px}

/*box*/
.box{ background:#1f292b; width:100%;}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:27px 20px 30px 30px; }
/*box1*/
.box1{ background:#ebefef; width:100%; color:#728283; line-height:1.33em}
.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.box1 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border_left1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border_right1.gif) repeat-y right;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box1-1{ padding:16px 20px 0px 25px; }
.box1 .indent-box1-2{ padding:0px 20px 30px 33px; }
.box1 .indent-box1{ padding:16px 20px 30px 33px; }
#content .box1 p{ margin:0px 0px 25px 0px}
#content .box1 .p{ margin:0px 0px 15px 0px}
#content .box1 .p2{ margin:0}
/*box2*/
.box2{ background:#42575b; width:100%;}
.box2 .border-top2 {background:url(images/border_top2.gif) repeat-x top;}
.box2 .corner-bottom-left2 {background:url(images/corner_bottom_left2.gif) no-repeat left bottom;}
.box2 .corner-bottom-right2 {background:url(images/corner_bottom_right2.gif) no-repeat right bottom; width:100%; }
.box2 .indent-box2{ padding:19px 19px 20px 19px; }


/*footer*/
#footer { color:#79979c; font-size:0.75em; background:url(images/bot.gif) repeat-x top ; }
#footer .indent-footer{ padding:21px 30px 0px 30px;}
#footer a {color:#b4b7b7; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
.bot-left{ background:url(images/bot_left.gif) no-repeat top left}
.bot-right{ background:url(images/bot_right.gif) no-repeat top right; height:90px}


.indent-2{ position:relative; padding-left:15px; float:left}
.h{ height:30px}
.block-contact span{ float:right; margin-right:50px}
.block-contact1 span{ float:right; margin-right:10px}


input{
   	border:1px solid #a09b96; 
	background:#FFFFFF;
	width:220px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px

}


input[type=submit] {
	background:url(images/envoyer.gif) top no-repeat;
	width:77px;
	height:23px;
	font-size:0.92em;
	color:#ffffff;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
	
 }
input[type=submit]:hover {
 border:1px outset #ffffff;
 color:#1f292b;
 }
input[type=submit]:active {
	border:1px inset #ffffff;
	color:#1f292b;
	font-weight:bold;
 }


input[type=reset] {
	background: url(images/annuler.gif) top no-repeat;
	width:77px;
	height:23px;
	font-size:0.92em;
	color:#ffffff;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
}

input[type=reset]:hover {
 border:1px outset white;
 color:#1f292b;
 }
input[type=reset]:active {
 border:1px inset #ffffff;
 color:#1f292b;
 font-weight:bold;
 }
 
 input[class=box-ind]{
   	border:1px solid #a09b96; 
	background:#FFFFFF;
	width:200px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px

}

textarea{
   	border:1px solid #a09b96; 
	background:#FFFFFF;
	width:235px; height:114px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto

}

/**************************************** FEUILLE DE STYLE **********************************\
Voici comment cela fonctionne:

font-family: Police d'écriture
text-align: alignement du texte (left,center,right)
font-size: taille du texte en pt
font-style: style du texte ("normal,"italic")
font-weight: graisse de police ("normal","bold","bolder")
width: largeur de la cellule en px
height: hauteur de la cellule en px
border-color: couleur de la bordure de la cellule
border-width: largeur de la bordure
border-style: style de la bordure (normal = "solid", pointillés = "dotted, tirets="dashed", aucune = "none")
color: couleur du texte
**********************************************************************************************/
/* DOCUMENT */

	
/* TABLEAU */
td  {
  text-align:center;
  vertical-align:middle; }
  
/* NOM DU MOIS */
td.nom_mois  {
  font-size:8pt;
  font-style:normal;
  font-weight:normal;}
  
  /* FLECHES */
td.fleches  {
  font-size:14pt;
  font-style:normal;
  font-weight:normal;
  }
  
/* NOMS DES JOURS*/
tr.noms_jours  {
  width:15;
  height:15;
  font-size:8pt; }
  
 /*DATES*/
td.jours  {
  width:15;
  height:15;
  border-color:#33CCCC;
  border-width:1px;
  border-style:solid;
  font-size:8pt;
  background-color:#CCFFFF; }
  
 /* AUJOURD'HUI */
td.aujourdhui  {
  width:15;
  height:15;
  border-color:#000000;
  border-width:1px;
  border-style:solid;
  font-size:8pt;
  background-color:#ffc020; }
  
 /* CASES DES MOIS PRECEDENTS ET SUIVANTS*/
td.cases_vides  {
  width:15;
  height:15;
  border-color:#F5F5F5;
  border-width:1px;
  border-style:solid;
  font-size:8pt;
  color:#C0C0C0;}
  
a:link  {text-decoration:none;}
a:visited  {text-decoration:none;}
a:active  {text-decoration:none;}