html {
min-width:100%;
height: 100%;
}

body {
font: 11px/12px Arial, Helvetica, sans-serif;
color:#7EA3B0;
text-align:center;
background:  #85A5B1 url(../imgs/bkgtop.jpg) repeat-x top;
margin:0;
padding:0;
height: 100%;
}

#content {
position:relative;
top:32px;
padding-top:125px;
width:1000px;
margin: 0 auto;
text-align:justify;
}



#header {
position: absolute;
width:1000px;
height:150px;
top:0px;
}



#header h1, #header h2{
position: absolute;
float: left;
text-indent: -9999px;
background:transparent;
}

#bandeau_header{
position: absolute;
background: transparent;
width:1000px;
height:125px;
top:0px;
z-index:2;
}

#bandeau_header p{
font-size: 9px;
margin:5px;
}


#bandeau_header a{
color:white;
}



/*menu1 */


#topcontainer {
background: url(../imgs/headcontent.gif) center no-repeat;
position:relative;
width:874px;
height:18px;
}

#container {
background: white;
padding: 20px;
position:relative;
width:960px;
}

#container img{
float:left;
margin-right:10px;
padding:5px;
border: 1px solid #7EA3B0;
margin-bottom:5px;
}

#colonnegauche {
width:250px;
float: left;
position:relative;
color:#7E7E7E;
}



#colonnecentrale {
width:420px;
float: left;
margin-left: 20px;
text-align:justify;
position:relative;
}


#colonnedroite {
width:250px;
float: right;
margin-left: 20px;
position:relative;
color:#7E7E7E;
}



#bigcolonne {
width:690px;
float: left;
margin-left: 20px;
text-align:justify;
position:relative;
}


#colonnegauche ul li{
background: url(../imgs/puceliste.gif) left 1px no-repeat;
padding-left: 15px;
float:none;
}

#colonnegauche ul li h3{
color:#7EA3B0;
}

#colonnegauche li img, #bigcolonne img{
float:right;
margin-left:10px;
margin-right:0;
}

#colonnegauche li b{
font-weight:300;
font-family: Verdana, Sans-Serif;
color:#7E7E7E;
font-size: 11px;
}


#container p, #container h1, #container h2, #container h3, #container h4, #container b, #container ul{
padding-bottom: 0.75em;
}

#container h1, #container h2, #container b{
font-family: arial, Helvetica, Sans-Serif;
letter-spacing:-1px;
}

#container h3, #container h4{
font-family: arial, Helvetica, Sans-Serif;
}

h1 {
font-size: 22px;
line-height:20px;
font-weight:600;
}

b{
font-weight:600;
}

h2 {
text-align:left;
font-size: 22px;
line-height: 24px;
font-weight:300;
padding-left: 28px;
margin-top:10px;
background: url(../imgs/bigpuce.gif) left -1px no-repeat;
color:#0B4A57;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:active {
font-size: 12px;
line-height: 12px;
font-weight:bold;
color:#7EA3B0;
text-align:left;
}

h3 a:hover {
color:#0B4A57;
}


h4, h4 a, h4 a:link, h4 a:visited, h4 a:active {
font-size: 14px;
line-height: 16px;
font-weight:bold;
color:#ED8A13;
}

h4 a:hover {
color:#CB14BE;
}

#colonnedroite h4, #colonnedroite h4 a, #colonnedroite h4 a:link, #colonnedroite h4 a:visited, #colonnedroite h4 a:active {
font-size: 12px;
line-height: 14px;
font-weight:bold;
color:#CB14BE;
}

#colonnedroite h4 a:hover {
color:white;
}

#colonnedroite a:hover {
color:white;
}



p.plus{
margin-bottom:1em;
color:#7EA3B0;
font-size: 10px;
text-align:right;
clear:both;
}

p.plus a, p.plus a:link, p.plus a:visited, p.plus a:active{
color:#7EA3B0;
text-decoration:underline;
}

p.plus a:hover{
color:#0B4A57;
}

#colonnedroite .specialink, #colonnegauche .specialink{
padding:0;
margin:0;
border: none;
float:none;
}

#activites {
width:435px;
margin-left: -15px;
text-align:center;
position:relative;
}

*html #activites ul{
margin-left: -15px;
}

#activites li{
float: left;
margin-left:15px;
padding:5px;
border: 1px solid #7EA3B0;
margin-bottom:15px;
}


#activites li, #activites li a, #activites li a:link, #activites li a:visited, #activites li a:active{
color:#0B4A57;
}

 #activites li a:hover{
color:#475153;
}

#activites li img{
padding:0;
margin-bottom:3px;
margin-right:0;
border: none;
float:none;
clear:both;
}


#links, #colonnegauche #links{
width:248px;
margin-left:0;
margin-right:0;
text-align:left;
border: 1px solid #7EA3B0;
}

#colonnegauche #links ul li{
background:none;
text-align:center;
float:left;
}

#links li, #links li a, #colonnegauche #links li {
/*text-indent: -9999px;*/
margin-left:0;
margin-right:0;
float:left;
clear:none;
padding-top:3px;
padding-left:3px;
list-style: none;
}
a#link1 span.hidden, a#link2 span.hidden, a#link3 span.hidden, a#link4 span.hidden, a#link5 span.hidden{
	display:none;
}
a#link1, a#link1:link, a#link1:visited, a#link1:active, a#link1:hover
 {
background: url(../imgs/stgermain.jpg) no-repeat;
width:83px;
height:103px;
border: none;
}

a#link2, a#link2:link, a#link2:visited, a#link2:active, a#link2:hover {
background: url(../imgs/arena.jpg) no-repeat;
width:120px;
height:70px;
border: none;
}

a#link3, a#link3:link, a#link3:visited, a#link3:active, a#link3:hover {
background: url(../imgs/suez.jpg) no-repeat;
width:134px;
height:67px;
border: none;
}

a#link4, a#link4:link, a#link4:visited, a#link4:active, a#link4:hover {
background: url(../imgs/zebra.jpg) no-repeat;
width:150px;
height:81px;
border: none;
}

a#link5, a#link5:link, a#link5:visited, a#link5:active, a#link5:hover {
background: url(../imgs/s2o.png) no-repeat;
width:165px;
height:71px;
border: none;
}



td /* Les cellules normales */
{
text-align:center;
vertical-align:top;
padding: 5px;

}

td a, td a:link, td a:visited, td a:active/* Les cellules normales */
{
color:#7EA3B0;
font-weight:bold;
}

td h3, tablemois td
{
text-align:center;
}

#colonnegauche .annee img
{
padding:0;
margin:0;
clear:none;
float:none;
border:none;
}

td a:hover
{
color:white;
font-weight:bold;
}


.tablecalendrier {
width:250px;
margin-top:5px;
text-align: left;
border-collapse: collapse; 
border-bottom: 1px solid #7EA3B0;
}

.tablemois {
width:250px;
margin-top:5px;
text-align: left;
border-collapse: collapse; 
border-bottom: 1px solid #7EA3B0;
text-align:center;
}

.boite {
background-color:white ;
color:#0B4A57;
border: 1px solid #7EA3B0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
margin-right: 10px;
padding:2px;
vertical-align:middle;
}

.bout {
vertical-align:middle;
border:0;
}

.boutlog {
vertical-align:middle;
border:0;
width:21px;
height:21px;
margin:0;
background: url(../imgs/bigpuce_violet.gif) no-repeat;
}




#colonnedroite li img, #colonnedroite img, #colonnegauche .truc{
margin-left:0;
margin-right:0;
padding:5px;
border: 1px solid #7EA3B0;
float:none;
}

* html #colonnedroite li img, #colonnedroite img{
margin-bottom:0;
}

.ann_promo {margin:10px 0;font-size:160%;letter-spacing:-1px;font-weight:bold;color:#549f06;line-height:normal;text-align:left;}
.code_promo {color:#00345c;}

#bottomcontainer{
background: url(../imgs/bottomcontent.gif) center no-repeat;
position:relative;
width:960px;
height:4px;
padding: 0px 20px 0px 20px;
position:relative;
}


* html #bottomcontainer{
margin-top:-5px;
}


* {
margin: 0;
padding: 0;
border: 0;
}

img {
margin: 0;
padding: 0;
border: 0;
}

a,a:link,a:visited,a:active {
text-decoration:none;
color:#7E7E7E;
}

a:hover {
color:#666666;
text-decoration:none;
}
ul, li {
list-style: none;
}
.clearer{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
border:none;
margin:0; padding:0;
}


#credits{
text-align:right;
font-size: 10px;
padding-bottom:10px;
padding-right:10px;
width:990px;
position: relative;
font-family: Arial, Verdana,  Helvetica, sans-serif;
color:white;
}


#credits a, #credits a:link, #credits a:visited, #credits a:active{
text-decoration:none;
color:white;
}

#credits a:hover{
color: #0B4A57;
text-decoration:none;
}
/*ajout*/

.mois_courant{
color:#0B4A57;
font-weight:bold;
	}
.mois_out{
font-weight: lighter;
color:#C6C6C6;
	}
.jour_actuel{
	background-color: #C5E1F0;
	}
.activite_jour{
	background-color: #E2E2E2;
	}
#info_exist{
	color:#92499E;
	}
#info_exist a, #info_exist a:link, #info_exist a:visited, #info_exist a:active{
	color:#92499E;
	}
	
	
.menu {
width:960px;
height:30px;
position:absolute;
top:105px;
left:10px;
margin:0;
font-size:12px;
font-weight:bold;
font-family:Arial,Verdana,sans-serif;
background:transparent;
z-index:100;}

.menu ul li, .menu ul a li , .menu ul li:link a, .menu ul li:visited a
{float:left;
padding:0 10px 0 10px;
height:25px;
display:block;
background: url(../imgs/sepmenu.gif) left -1px no-repeat;}
.menu ul li ul {display: none;}

.menu ul li#firstli, .menu ul a li#firstli , .menu ul li#firstli:link a, .menu ul li#firstli:visited a, .menu ul li#firstli:active a, .menu ul li#firstli:hover a{
background: transparent;
}


/* pour tous les naivgateurs autres qu'IE */
.menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active {color:#667E85; }
.menu ul li:hover a {color:#0B4A57;}
.menu ul li:hover ul {display:block; position:absolute; width:960px; top:22px; left:5px; padding-top:5px; color:#0B4A57; font-size:11px; font-weight:normal}
.menu ul li:hover ul li {float:left; background:url(../imgs/next.gif) left 2px no-repeat; padding:0 5px 0 5px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {padding:0 5px 0 5px; display:block; background:none; color:#0B4A57;}
.menu ul li:hover ul li a:hover {color:#7EA3B0;}

/* menu spécial pour cette merde d'IE */

* html table {border-collapse:collapse; margin:0; padding:0;}

* html .menu1, * html .menu1 a, * html .menu1 a:link, * html .menu1 a:visited, * html .menu1 a:active,
* html .menu2, * html .menu2 a, * html .menu2 a:link, * html .menu2 a:visited, * html .menu2 a:active,
* html .menu3, * html .menu3 a, * html .menu3 a:link, * html .menu3 a:visited, * html .menu3 a:active,
* html .menu4, * html .menu4 a, * html .menu4 a:link, * html .menu4 a:visited, * html .menu4 a:active,
* html .menu5, * html .menu5 a, * html .menu5 a:link, * html .menu5 a:visited, * html .menu5 a:active,
* html .menu6, * html .menu6 a, * html .menu6 a:link, * html .menu6 a:visited, * html .menu6 a:active,
* html .menu7, * html .menu7 a, * html .menu7 a:link, * html .menu7 a:visited, * html .menu7 a:active,
* html .menu8, * html .menu8 a, * html .menu8 a:link, * html .menu8 a:visited, * html .menu8 a:active,
{display:none;}



* html .menu ul li table li {background:none;}
* html .menu ul li a, * html .menu ul li a:link, * html .menu ul li a:visited, * html .menu ul li a:active {font-size:12px; font-weight:bold; color:#667E85; }
* html .menu ul li a:hover {color:#0B4A57; background:url(../imgs/pixtrans.gif) repeat;}
* html .menu ul li a:hover ul {background:none; display:block; position:absolute; width:900px; top:0px; left:0; padding-top:25px; color:#0B4A57;}
* html .menu ul li a:hover ul li {padding:0 0 0 10px;}
* html .menu ul li a:hover ul li a {font-size:11px; font-weight:normal; display:block; padding:0 0 0 10px;  left:0; background:url(../imgs/next.gif) left 2px no-repeat; color:#0B4A57;}
* html .menu ul li a:hover ul li a:hover {color:#7EA3B0;}
/*ajout pour calendrier*/
.mois_courant_top{
	background-color: #C2D9E5;
	}
.mois_courant{
color:#0B4A57;
font-weight:bold;
	}
.mois_out{
font-weight: lighter;
color:#CCCCCC;
	}
.jour_actuel{
	background-color: #C3C3C3;
	}
.activite_jour{
	background-color: #A0C1C8;
	}
#info_exist{
	color:#3FA8BE;
	}
#info_exist a, #info_exist a:link, #info_exist a:visited, #info_exist a:active{
	color:#3FA8BE;
	}
	
	

	
/*#tablerecord td {border-bottom:solid #0B4A57 1px;}*/