/* L'ensemble de la page  */
h1,h2,h3,h4,h5,h6,p,ul,li,br,table,div,ol,a{   margin:0;   padding:0; }


a img
{
	border : 0px;
	text-decoration: none;
 	color: white;
	border : none;
}

body
{

  	margin: auto;
  	margin-top: 0px;
  	margin-bottom: 20px;
        width:100%;
  	background-color: #2874ff;
	background-image: url("backImage.png");
	background-repeat: no-repeat;
}
/* MENU DU HAUT */
#hautDePage
{
	margin-left: 200px;
  	background-color: #00328e;
	background-image: url("backblackblue.jpg");    	
}

.menuTop
{

	text-align: center;
}

.menu_Anniversaire
{	
	color: white;
	margin-top: 10px;
	background-color: #00328e;
	text-align: center;
	font-size: x-small;
	width: 800px;
	margin: auto;
	margin-top: 20px;

}
.menuSeparationHAUTBAS
{
 
}
.menuSeparation
{
        height: 30px;
 	background-image: url("separationUpMean.png");
	background-repeat: repeat-x;
}
/* MENU DE GAUCHE */
#menu_GAUCHE
{
   	float: left; /* Le menu flottera à gauche */
   	width: 230px; /* Très important : donner une taille au menu */
	background-color: #FFF;
	background-image: url("menuLeft.png");
	background-repeat: repeat-y;
   	position: relative;
        top: -22px;


}
.Topmenu_GAUCHE
{
	height: 40px;
	background-image: url("debumenugauche.png");
	padding-right: 40px;
	background-repeat: no-repeat;
}
#finmenu_GAUCHE
{
	width: 230px; /* Très important : donner une taille au menu */
	height: 200px;
	background-image: url("finmenugauche.png");
	background-repeat: no-repeat;

}
#menu_GAUCHE h3
{
 	text-align: left;
	
}
ul{
list-style-image: url("pid.gif");
}
#menu_GAUCHE li a
{
 	color: white;
	font-size: 0.8em;
	
}

#menu_GAUCHE li a img
{
	text-decoration: none;
 	color: white;
	border : none;
	
}
/* MENU DE DROITE */
#menu_DROITE
{
     
  	margin-top:60px;
        width:150px;
	float: right; /* Le menu flottera à gauche */
	background-color: #00328e;
        background-image: url("menuright.png");
	text-align: center;
	padding-left: 0px;
}
.debmenu_DROITE
{
	height: 40px;

	background-image: url("debutmenudroite.png");
	background-repeat: no-repeat;
}

.finmenu_DROITE
{
	height: 40px;

	background-image: url("finmenudroite.png");
	background-repeat: no-repeat;

}
.menu_LogoScout 
{
	width: 150px;
}
.menu_PhotoScout
{
	width: 150px;
	text-align: center;
}


/* MENU PAGE principale*/


.MainPage
{
	
	width:auto;
	margin-left: 240px;
	margin-right: 160px;
	/* width:40%*/
}



/* MENU DU BAS */
#menuBottom
{

   padding: 5px;
   padding-bottom: 60px;
   margin: auto;
     -moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
   margin-top: 20px;
   text-align: center;

 	float: both;
	height: 60px;
	width: 600px;
	background-color: #00f0ff;
	background-image: url("botbagkround.png");
	margin-left: 240px;
	margin-right: 160px;

}

#testalign
{
   text-align: center;
}














.Style1 {
   FONT-SIZE: 20px;
	color: #FFFFFF

}

h3
{
   FONT-SIZE: 12px;
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

A {
	FONT-SIZE: 10px;
	COLOR: #4C5B6A;
	TEXT-DECORATION: none;
	font-weight: bold;
	
}
A:hover {
	FONT-SIZE: 10px;
	COLOR: #4C5B6A;
	TEXT-DECORATION: underline;
	font-weight: bold;
	
}

.lien {
	FONT-SIZE: 10px;
	COLOR: #4C5B6A;
	TEXT-DECORATION: none;
	font-weight: normal;
}
.lien:hover {
	FONT-SIZE: 10px;
	COLOR: #4C5B6A;
	TEXT-DECORATION: none;
	font-weight: normal;
}


TD {
	COLOR: #3d5066;
	FONT-FAMILY: Verdana,Arial,sans-serif;
	font-size: 10px;
	margin:10px;
	margin-top: 100px;
}



UL {
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 25px;
	LINE-HEIGHT: 13px; 
	margin-top: 5px; 
}

INPUT{

	FONT: 11px Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif;
	border-width: 2px;
}

TEXTAREA {

	FONT: 11px Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif;
	border-width: 2px;

}

SELECT {
	margin-top: 1px;
	FONT: 11px Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #FF9900;
}

.content {
margin: 10px;
}

.menu {
	background-image: url(./i/bg_menu.gif);
	line-height: 18px;
}

.mgbas {
	background-image: url(./i/mg_3.gif);
	line-height: 9px;
}
.mgdroite {
	background-image: url(./i/mg_1.gif);
}

.titre {
	background-image: url(./i/bg_titre.gif);
	line-height: 18px;
	margin-top: 5px;
	text-align: left;
}
.tnews {
	border-top: #00CC33 1px dotted;
	border-bottom: #00CC33 1px dotted;
}
.t1 {
	FONT-SIZE: 9pt;
	COLOR: blue;
	FONT-FAMILY: verdana,geneva,arial;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

.spacer_titre {margin: 4px 0px 4px 0px;
	background-image: url(./i/spacer.gif);
	height: 1px;
	border-bottom: #336666 1px dotted;
}

.quotemain {
	BORDER-RIGHT: #000 1px dotted;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 4px;
	MARGIN: 0px auto 8px;
	BORDER-LEFT: #8394b2 4px solid;
	COLOR: #465584;
	PADDING-TOP: 4px;
	BORDER-TOP: #000 1px dotted;
	BORDER-BOTTOM: #000 1px dotted;
	BACKGROUND-COLOR: #fafcfe;
	MARGIN-BOTTOM: 15px;
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 10px;
}

.tab {
	background-color: #F9F9FA;
	padding: 10px;
	vertical-align: top;
	BORDER: #CAC8CC 1px solid;
}
.tab_hover {
	background-color: #FFF;
	padding: 10px;
	vertical-align: top;
	BORDER: #4C5B6A 1px solid;
}

.imageflottante0
{
   float: left;
   margin-right :10px;
   margin-bottom: 2px;
   margin-top: 5px;
   border : 0px;
}
.imageflottante1
{
   float: right;
   margin-left :10px;
   margin-bottom: 2px;
   margin-top: 10px;
   border : 0px;
}

p
{
   text-indent: 20px;
   text-align: justify;
}

h1
{
    FONT-SIZE: 20px;
	FONT-FAMILY: verdana,geneva,arial,Times, serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000000;
}

h2
{
    FONT-SIZE: 2em;
	FONT-FAMILY: verdana,geneva,arial,Times, serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000000;
}
h4
{
    FONT-SIZE: 1.5em;
	COLOR: blue;
	FONT-FAMILY: verdana,geneva,arial,Times, serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
.gras {font-weight: bold}

.tcadremembre {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	color: #666666;
}

.Style3 {
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
}
.Syle3 a:hover {
	FONT-SIZE: large;
	COLOR: #4C5B6A;
	TEXT-DECORATION: underline;
	font-weight: bold;
	
}
.Style3 A {
	FONT-SIZE: large;
	COLOR: #4C5B6A;
	TEXT-DECORATION: none;
	font-weight: bold;
}
.Style5 {
     font-family: "Times New Roman", Times, serif;
	 font-size: medium;
	 color: #666666;
	 font-weight: bold;
}

.t2 {
	color: #FF0000;
	font-size: x-small;
	font-weight: bold;
}
.t3 {
	color: #FFFF00;
	font-size: x-small;
	font-weight: bold;
}
.Doc1 {
	FONT-FAMILY: Verdana,Arial,sans-serif;
	font-size: 12px;
}
.DocTitre1 {
	FONT-FAMILY: verdana,geneva,arial,Times, serif;
	font-size: 16px;
	font-weight: bold;
	COLOR: blue;
	
}


.menuLink:link {
	font-size: 12px;
}

.menuLink:visited {
	font-size: 12px;
}

.menuLink:hover {
	font-size: 12px;
}

.menuLink:active {
	font-size: 12px;
}

.Bloquenews
{
     margin-top: 20px;
     text-align: center;
     -moz-border-radius: 20px 0px 20px 0px;
	border-radius: 20px 0px 20px 0px;
     -webkit-border-radius: 20px 0px 20px 0px;
     background-color: #e9f2f8;
     width:auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px
}
.Bloquenews p
{
	font-size: small;
}
.unbateau
{
	display: inline;


}

.ImgBateau1
{
	float: left;
	margin 6px;
display: inline;

}
.ImgBateau2
{
	float: right;
	margin 6px;
display: inline;

}
.endNews
{
   margin-top: 20px;
   text-align: right;

}