@charset "iso-8859-1";

html, body, div, span, applet, object, iframe {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

IMG{ border:0; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
.l { font-size: large; }
.xl{ font-size: x-large; }
.just{ text-align: justify; }
ol, ul, li { font-size: 100%; }

div.clear { clear: both; }
/* use as follows (including the comment) */
/* <div class="clear"><!-- --></div> */

/****************************** my base styles*/


/* From JQuery Tools */
/* get rid of those system borders being generated for A tags */
a:active {outline:none;}
:focus {-moz-outline-style:none;}

div#wrapper{
	width:972px;
	margin:0px auto;
	padding:0px;
	text-align:center;
}
div#hd{
	background: url('newgraf/hd.png') 0px 0px no-repeat scroll;
	width:972px;
	height:162px; 
}

div#navbar{
	width:943px; 
	margin:0 auto;	
}

div#mid{
	background: url('newgraf/mid.png') 0px 0px repeat-y;
	width:972px;
}

div#ft{
	background: url('newgraf/ft.png') 0px 0px no-repeat scroll;
	width:972px;
	height:25px;
}


/*BODY{background: url('newgraf/dkgrayblk.gif') 0px 0px repeat scroll;}*/
/*BODY{background: #0F61A0;}*/
/*BODY{background: #ffffff url('newgraf/bck-jaune.png') repeat-x 0px 0px;}*/
/*BODY{background: #ffffff url('newgraf/bck-bleu2.png') repeat-x 0px 0px;}*/
BODY{
	background: #063250;
	color: #00005B;
	font-family: verdana,georgia,arial,helvetica,sans-serif;
	font-size: 90%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h1{ font-size:22px; }
h2{ font-size:20px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h5{ font-size:14px; }
h6{ font-size:12px; }

.rubrique{ font-weight: bold; }



















/* photo page sub navlist*/
#navlist ul{
	font: normal normal 12px Verdana,arial,helvetica,sans-serif;
	list-style-type:none;
	margin:0;
	padding: 6px 0px 6px 0px;
	text-align:center;
	width:100%;
}
html>body #navlist li a{width:auto;}
#navlist li{
	display:inline;
	border-left:1px solid #006600;
}
#navlist li a{
	border:0px;
	/*padding: .0em .2em .0em .2em;*/
	padding: 6px 3px 6px 3px;	
	text-decoration:none;
	font-weight: bold;
}
#navlist li a#flag{
	background-color:transparent;
	border-left:1px none #9ec0e0;
	border-right:1px none #9ec0e0;
	border-top:1px none #9ec0e0;
	border-bottom:1px none #9ec0e0;
}
#navlist li a:hover{
	text-decoration:none;
}
#navlist li a:active{
	text-decoration:underline;
}
/* end of photo page sub navlist*/


TABLE.tarifcourssurf TD{
	color: #000066;	
}
TABLE.tarifcourssurf CAPTION{
	color: #000066;
	text-align:left;
	font-size: medium;
	font-weight: bold;	
}

DIV#staticmenu{
	width:943px;
	height:30px; 
	line-height:30px;
	background:url('menu/menubck.png') repeat-x 0 0 scroll #000;
	text-align:left;
}
DIV#staticmenu span{
	display:inline-block;
	padding:0 5px;
	color: #00ffff;
}

 DIV#staticmenu span A,
 DIV#staticmenu span A:hover,
 DIV#staticmenu span A:visited,
 DIV#staticmenu span A:link{
	color:#FFFF99;
	font-size:12px;
	font-family:Verdana; 
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

DIV.centerleft{
	text-align: left;
}


/*   //////////      DIALOGS CAMP   //////////////   */
div.dialog940camp{
	width:940px; 
	background:url('newgraf/dialogs/camp/dialog940.png') no-repeat top center scroll; 
	padding:0px;
	margin:0 auto;
}
div.dialog900camp{
	width:900px; 
	background:url('newgraf/dialogs/camp/dialog900.png') no-repeat top center scroll; 
}
div.dialog800camp{
	width:800px; 
	background:url('newgraf/dialogs/camp/dialog800.png') no-repeat top center scroll; 
}
div.dialog700camp{
	width:700px; 
	background:url('newgraf/dialogs/camp/dialog700.png') no-repeat top center scroll; 
}
div.dialog600camp{
	width:600px; 
	background:url('newgraf/dialogs/camp/dialog600.png') no-repeat top center scroll; 
}
div.dialog500camp{
	width:500px; 
	background:url('newgraf/dialogs/camp/dialog500.png') no-repeat top center scroll; 
}
div.dialog400camp{
	width:400px; 
	background:url('newgraf/dialogs/camp/dialog400.png') no-repeat top center scroll; 
}
div.dialog300camp{
	width:300px; 
	background:url('newgraf/dialogs/camp/dialog300.png') no-repeat top center scroll; 
}
div.dialog200camp{
	width:200px; 
	background:url('newgraf/dialogs/camp/dialog200.png') no-repeat top center scroll; 
}

/*   //////////      DIALOGS TRIP   //////////////   */
div.dialog940trip{
	width:940px; 
	background:url('newgraf/dialogs/trip/dialog940.png') no-repeat top center scroll; 
	padding:0px;
	margin:0 auto;
}
div.dialog900trip{
	width:900px; 
	background:url('newgraf/dialogs/trip/dialog900.png') no-repeat top center scroll; 
}
div.dialog800trip{
	width:800px; 
	background:url('newgraf/dialogs/trip/dialog800.png') no-repeat top center scroll; 
}
div.dialog700trip{
	width:700px; 
	background:url('newgraf/dialogs/trip/dialog700.png') no-repeat top center scroll; 
}
div.dialog600trip{
	width:600px; 
	background:url('newgraf/dialogs/trip/dialog600.png') no-repeat top center scroll; 
	padding:0px;
	float:left;
}
div.dialog500trip{
	width:500px; 
	background:url('newgraf/dialogs/trip/dialog500.png') no-repeat top center scroll; 
}
div.dialog400trip{
	width:400px; 
	background:url('newgraf/dialogs/trip/dialog400.png') no-repeat top center scroll; 
	padding:0px;
	float:left;
}
div.dialog300trip{
	width:300px; 
	background:url('newgraf/dialogs/trip/dialog300.png') no-repeat top center scroll; 
}
div.dialog200trip{
	width:200px; 
	background:url('newgraf/dialogs/trip/dialog200.png') no-repeat top center scroll; 
}
/*   //////////      DIALOGS ECOLE   //////////////   */
div.dialog940ecole{
	width:940px; 
	background:url('newgraf/dialogs/ecole/dialog940.png') no-repeat top center scroll; 
	padding:0px;
	margin:0 auto;
}
div.dialog900ecole{
	width:900px; 
	background:url('newgraf/dialogs/ecole/dialog900.png') no-repeat top center scroll; 
}
div.dialog800ecole{
	width:800px; 
	background:url('newgraf/dialogs/ecole/dialog800.png') no-repeat top center scroll;
}
div.dialog700ecole{
	width:700px; 
	background:url('newgraf/dialogs/ecole/dialog700.png') no-repeat top center scroll; 
}
div.dialog600ecole{
	width:600px; 
	background:url('newgraf/dialogs/ecole/dialog600.png') no-repeat top center scroll; 
}
div.dialog500ecole{
	width:500px; 
	background:url('newgraf/dialogs/ecole/dialog500.png') no-repeat top center scroll; 
	padding:0px;
	float:left;
}
div.dialog400ecole{
	width:400px; 
	background:url('newgraf/dialogs/ecole/dialog400.png') no-repeat top center scroll;
}
div.dialog300ecole{
	width:300px; 
	background:url('newgraf/dialogs/ecole/dialog300.png') no-repeat top center scroll; 
}
div.dialog200ecole{
	width:200px; 
	background:url('newgraf/dialogs/ecole/dialog200.png') no-repeat top center scroll; 
	padding:0px;
	float:left;
}
/*   //////////      DIALOGS BLANK   //////////////   */
div.dialog940blank{
	width:940px; 
	background:url('newgraf/dialogs/blank/dialog940.png') no-repeat top center scroll;
	margin: 0 auto;
}
div.dialog900blank{
	width:900px; 
	background:url('newgraf/dialogs/blank/dialog900.png') no-repeat top center scroll; 
	/*float:left;*/
}
div.dialog800blank{
	width:800px; 
	background:url('newgraf/dialogs/blank/dialog800.png') no-repeat top center scroll; 
	/*float:left;
	padding:0px 5px;*/
}
div.dialog700blank{
	width:700px; 
	background:url('newgraf/dialogs/blank/dialog700.png') no-repeat top center scroll; 
	/*float:left;
	padding:0px 5px;*/
}
div.dialog600blank{
	width:600px; 
	background:url('newgraf/dialogs/blank/dialog600.png') no-repeat top center scroll;
	/*float:left;
	padding:0px 5px;*/
}
div.dialog500blank{
	width:500px; 
	background:url('newgraf/dialogs/blank/dialog500.png') no-repeat top center scroll;
	/*float:left;
	padding:0px 5px;*/
}
div.dialog400blank{
	width:400px; 
	background:url('newgraf/dialogs/blank/dialog400.png') no-repeat top center scroll; 
	/*float:left;
	padding:0px 5px;*/
}
div.dialog300blank{
	width:300px; 
	background: url('newgraf/dialogs/blank/dialog300.png') no-repeat top center scroll; 
	/*float:left;
	padding:0px 5px;
	border:0px solid gray;*/
}
div.dialog200blank{
	width:200px; 
	background:url('newgraf/dialogs/blank/dialog200.png') no-repeat top center scroll; 
	/*float:left;
	padding:0px 5px;*/
}


div.dialogwrapper{
	width:940px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#fff;
	border:0px solid gray;
}

/* pad and align all contant inside a dialog */
div.indialog{
	padding:3px 5px;
	text-align:left
}


table.dialog{
	border:0;
	padding:0;
	margin:0;
	background-color: #00ffff;
}
/*
div.dialog200blank P,
div.dialog300blank P,
div.dialog400blank P,
div.dialog500blank P,
div.dialog600blank P,
div.dialog700blank P,
div.dialog800blank P,
div.dialog900blank P {
	padding: 5px 7px;
	margin: 0;
	border: 0px solid gray;
}


div.dialog200blank h3,
div.dialog300blank h3,
div.dialog400blank h3,
div.dialog500blank h3,
div.dialog600blank h3,
div.dialog700blank h3,
div.dialog800blank h3,
div.dialog900blank h3, {
	padding: 5px 7px;
	margin: 0;
	border: 0px solid gray;
}

div.dialog200blank h4,
div.dialog300blank h4,
div.dialog400blank h4,
div.dialog500blank h4,
div.dialog600blank h4,
div.dialog700blank h4,
div.dialog800blank h4,
div.dialog900blank h4, {
	padding: 5px 7px;
	margin: 0;
	border: 0px solid gray;
}
*/



.larger{font-size:1.2em;}
DIV#footer, DIV#footer A, DIV#footer A:visited{
	color:#fff;
	font-size:small;
	text-align: center;
}