/* CSS Document */

	body {
		font-family : Arial, Verdana, Sans-Serif ;
		background-color: #747474 ;
		text-align : center ;
		}
	
	body, html {
		min-height: 101%;
		}
	HTML {
		min-height: 101% ;
		}
		
	p { 
		font-size : 10pt ;
		text-align : justify ;
		margin : 5px 20px 5px 20px ;
		}	

	#page {
		width : 776px ;
		margin : 0 auto ;
		font-size : 0,7em ;
		background : #ffffff ;
		border : #1a0d00 solid 1px ;
		}
	
	#pied {
		text-align : center ;
		background-repeat : no-repeat ;
		background-image: url(../img/);
		}
	
	#header {
		height : 116px ;
		background-align: center ;
		background-repeat : no-repeat ;
		background-image: url(../img/bandeau_haut-mars09.png);
		
		/* Pour les textes */
		color : #333333 ;
		font-size : 10px;
		text-align : right ;
		margin-top : 5px ;
		padding: 5px 20px 0 0;
		}
	#header a { 
		color : #333333 ; 
		text-decoration : none ;
		}	
	#header	a:hover { color : #ff0000;
		text-decoration : none ;
		}
	
	#photoaccueil {
		float : left ;
		width : 380px ;
		height : 285px ;
		margin : 10px 10px 20px 25px ;
		background-image:url(../img/image003.png) ;
		background-repeat: no-repeat ;
		}
	#photoaccueil marquee {
		font-family: Comic Sans MS;
		font-size : 18px;
		color : #ffffff ;
		font-variant : small-caps ;
		font-weight:bold ;
		margin : 5px 35px 0px 10px;
		padding-top: 195px ;
		}
		
			
	#cible {
		width: 330px ;
		height : 250px ;
		font-size : 26px;
		font-variant:small-caps ;
		font-weight:500 ;
		text-align : center ;
		float : right ;
		padding :  10px 0 30px 10px ;
		margin : 20px 0 10px 0px ;
		background-position:bottom ;
		background-repeat : no-repeat ;
		background-image : url(../img/slogan.png) ;
		}
	
		/* Partie concernant les accès : barre centrale */
		
		#conteneurcentral {
			clear:both;
			color: #666666;
			overflow: hidden;
			font-size : 8pt ;
			background-color:#eeeeee;	
			border-width: 2px 0 0 0;
			border-style:solid;
			border-color: silver;
			margin : 0 20px 0 20px ;
			}
			
			/* les colonnes constituant ce conteneur / cette barre centrale */
			
			.float1 {
				width : 190px;
				float : left ;
				text-align : left ;
				padding : 0 5px 10px 5px ;
				}
			.float2 {
				width : 150px;
				float : left ;
				text-align : left ;
				padding : 0 5px 10px 5px ;
				}
			.float {
				width : 547px ;
				float : right ;
				text-align : justify ;
				margin : 0 19px 10px 10px ;
				padding : 0 5px 10px 5 px;
				background-color: ;
				}
				
			/* *********************************************************** */
		
	#footer {
		clear:both ;
		height : 30 px;
		text-align : center ;
		border-top : 1px solid silver ;
		margin : 0 20px 0 20px ;
		}
	
		
		/* Propriétés des "blocks" et autres parties "flottantes" */
		/* Disposition dans la page, dans le "flux" */
		
		.clearfloat {
				display:inline-block
				}
		.clearfloat {
				display : block
				}
		
		
		/* B. Autres pages - others page */
		
		/* ***************************** */
		
		#mainblock {
			width : 530px ;
			float : right ;
			margin : 20px 0 20px 0 ;
			}
			
		#leftblock {
			width : 220px ;
			float : left ;
			margin : 20px 0 20px 20px;
			}




{         margin: 0;         padding: 0;         list-style: none;       } 
#menu li {         display: inline; /* affichage horizontal */       } 
#menu li a {         padding: 5px 20px ;         margin: 0;         background: #DBE5F1;         color: #1F497D;         border: 1px solid #89a;         text-decoration: none;         -moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;         border-radius: 10px 10px 0 0;                 -webkit-border-top-left-radius: 10px; 
/* pour Chrome */         -webkit-border-top-right-radius: 10px; 
/* pour Chrome */                } 
#menu li a:hover, #menu li a:focus {         background: #B8CCE4;         color: #000;       } 


      div.arrondi {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }
      h1 {
        height: 2em;
        width: 300px;
        margin-top: 50px;
        padding: 10px 20px;
        line-height: 1;
        background:  #fa5  url(img/header_1.jpg) left top no-repeat;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
      }
	  
	
	#menu-haut {
		margin : 0px 5px 0px 0px ;
		text-align : center ;
		}
		
		
	
	.Style1 {color: #CC6600}
	


	.sidelink {
		color: #CC9900 ;
		text-decoration:none ;
		}
	.sidelink:hover {
		color: #FF0000 ;
		background: #DBE5F1;
		text-decoration:none;
		}	
	.sidelink:visited {
		color:#1F497D;
		text-decoration:none;
		}



/* Presentation & styles utilisés pour la partie "OFFICIERS" */

	#accrocheofficiers {
		color:#CC9900;
		font-size:15px;
		text-align:justify;
		font-style:oblique;
		font-stretch:narrower;
		margin: 27px 35px 15px 52px;
		font-family:"Comic Sans MS";
		}
	#accrocheofficiers1 {
		color:#000099;
		font-size:17px;
		text-align:right;
		font-style:oblique;
		font-stretch:narrower;
		margin: 27px 45px 15px 52px;
		font-family:"Comic Sans MS";
		}

	#officiers {
		font-family:Arial;
		font-size:12px;
		margin: 27px 35px 15px 52px;
		text-align:justify;
		}
		
	h4.officiers {
		color:#CC9900;
		font-size:16px;
		font-family:Arial;
		font-variant:small-caps;
		font-stretch:expanded;
		font-style:oblique;
		border-left-style:outset;
		padding-left:5px;
		margin: 27px 35px 10px 35px;
		}
		
		
/* Presentation & styles utilisés pour la partie "DIRIGEANTS" */


	#dirigeants {
		font-family:Arial;
		font-size:12px;
		margin: 27px 35px 15px 52px;
		text-align:justify;
		}
	
	#accrochedirigeants {
		color:#CC9900;
		font-size:15px;
		text-align:justify;
		font-style:oblique;
		font-stretch:narrower;
		margin: 27px 35px 15px 52px;
		font-family:"Comic Sans MS";
		}
	#citationdirigeants {
		color:#CC9900;
		font-size:20px;
		text-align:center;
		font-style:oblique;
		font-stretch:narrower;
		margin: 27px 35px 0px 52px;
		font-family:"Bradley Hand ITC";
		}
	#citationdirigeants1 {
		color:#CC9900;
		font-size:13px;
		text-align:center;
		font-style:oblique;
		font-stretch:narrower;
		margin: Opx 35px 15px 52px;
		font-family:"Comic Sans MS";
		}		
		h4.dirigeants {
		color:#003399;
		font-size:16px;
		font-family:Arial;
		font-variant:small-caps;
		font-stretch:expanded;
		font-style:oblique;
		border-left-style:outset;
		padding-left:5px;
		margin: 27px 35px 10px 35px;
		}
		
/* Presentation & styles utilisés pour la partie "cadres" */

	#accrochecadres1 {
		color:#000099;
		font-size:15px;
		text-align:justify;
		font-style:oblique;
		font-stretch:narrower;
		margin: 27px 35px 15px 52px;
		font-family:"Comic Sans MS";
		}
		










/* Cette partie de la feuille CSS est spécifique au blog, aux messages mis en ligne... */
	
	#message {
			margin : 20px 25px 20px 25px;
			border-bottom:dashed 1px #CCCCCC;
			}

	.titre {
			height:66px;
			font-size:26px;
			font-weight:bold ;
			font-variant:small-caps ;
			color:#000033;
			font-family:Arial;
			margin: 15px 0 15px 10px;
			}
	
	.titreblog {
			height:66px;
			font-size:26px;
			font-weight:bold ;
			font-variant:small-caps ;
			color:#000033;
			font-family:Arial;
			margin: 15px 0 15px 10px;
			background-image:url(../img/zen.png);
			background-repeat:no-repeat;
			}
			
	.titrepresentation {
			height:66px;
			font-size:26px;
			font-weight:bold ;
			font-variant:small-caps ;
			color:#000033;
			padding-left:5px;
			font-family:Arial;
			margin-left:15px;
			margin-top:15px;
			margin-right:25px;
			border-bottom-style:ridge;
			background-image:url(../img/voilier-2.png);
			background-repeat:no-repeat;
			}
	.titredirigeants {
			height:66px;
			font-size:26px;
			font-weight:bold ;
			font-variant:small-caps ;
			color:#FFFFFF;
			padding-left:5px;
			font-family:Arial;
			margin-left:15px;
			margin-top:15px;
			margin-right:25px;
			border-left-style:outset;
			border-bottom-style:ridge;
			background-image:url(../img/dirigeant.png);
			background-repeat:no-repeat;
			}
	.titrecadres {
			height:66px;
			font-size:26px;
			font-weight:bold ;
			font-variant:small-caps ;
			color:#000033;
			padding-left:5px;
			font-family:Arial;
			margin-top:15px;
			margin-right:25px;
			border-left-style:outset;
			border-bottom-style:ridge;
			background-image:url(../img/equipe-v2.png);
			background-repeat:no-repeat;
			}
	.titreofficiers {
			height:66px;
			font-size:26px;
			font-weight:bold ;
			font-variant:small-caps ;
			color:#FFFFFF;
			padding-left:5px;
			font-family:Arial;
			margin-left:15px;
			margin-top:15px;
			margin-right:25px;
			border-left-style:outset;
			border-bottom-style:ridge;
			background-image:url(../img/officier-mer_v2.png);
			background-repeat:no-repeat;
			}
	.titrevaleur {
			height:66px;
			font-size:26px;
			font-weight:bold ;
			font-variant:small-caps ;
			color:#000033;
			font-family:Arial;
			padding-left:5px;
			margin-left:15px;
			margin-top:15px;
			margin-right:25px;
			border-left-style:outset;
			border-bottom-style:ridge;
			background-image:url(../img/equipe.png);
			background-repeat:no-repeat;
			}
	.titrereferences {
			height:66px;
			font-size:26px;
			font-weight:bold ;
			font-variant:small-caps ;
			color:#000099;
			padding-left:5px;
			font-family:Arial;
			margin-left:15px;
			margin-top:15px;
			margin-right:25px;
			border-left-style:outset;
			border-bottom-style:ridge;
			background-image:url(../img/references.png);
			background-repeat:no-repeat;
			}
		
	p.title {
			color:##000066 ;
			font-family: Arial ;
			font-size: 16px;
			font-weight:bold;
			font-variant:small-caps ;
			margin : 15px 0px 0px 25px;
			}
	p.title1 {
			color:#990000 ;
			font-family: Arial ;
			font-size: 16px;
			font-weight:bold;
			font-variant:small-caps ;
			margin : 15px 0px 0px 25px;
			}
	p.blog {
			color:#333333;
			font-size : 12px ;
			font-style:italic ;
			margin : 15px 10px 15px 27px;
			}
			
	p.date {
			color:#999999;
			font-size: 10px ;
			margin : 0px 0px 15px 25px;
			}
			
	p.date1 {
			color:#999999;
			font-size: 10px ;
			margin : 0px 0px 25px 25px;
			}
	p.comment {
			color:#FF0000 ;
			text-align:right ;
			font-size: 10px ;
			}
	p.voeux {
			text-align:center ;
			margin : 10px 0px 10px 0px;
			}
	p.link a {
			font-size:10px;
			text-align:right ;
			text-decoration:none ;
			margin-left : 9px ;
			}
			
	li {
		list-style-type:square;
		font-size : 12px ;
		margin-left : 19px;
		}
		
	li.link {
		font-size:12px ;
		text-decoration : none ;
		margin-left: 10px;
		}
	li.link:hover {
		font-size : 12px;
		text-decoration:none ;
		}
	li.link a:visited {
		color:#000000;
		font-size:12px ;
		text-decoration : none ;
		}
	
	h5 {
		color:#000033;
		font-size : 16px;
		font-family : Arial ;
		margin: 27px 15px 10px 15px;
		border-bottom: #000033 solid 1px;
		}
					
	h6 {
		color:#000033;
		font-size : 14px;
		font-family : Arial ;
		margin: 27px 15px 10px 15px;
		border-bottom: #000033 solid 1px;
		}
		
		
	.widget {
		text-align : center ;
		margin : 27px 15px 10px 15px ;
		}
	
	
	/*	Présentation des articles  */
	/*******************************/

	p.subtitle {
		color:#333333;
		font-weight:600;
		font-size:12px;
		font-style:italic;
		margin: 0px 0px 20px 30px;
		}
		
	p.paragraphe {
		color:#666666;
		font-size:12px ;
		margin: 0px 30px 15px 30px;
		}
	p.paragraphe li {
		color:#666666;
		font-size:12px;
		}
	p.titrerubrique {
		color:#666666;
		font-weight:600;
		font-size:12px;
		margin: 0px 30px 5px 30px;
		}
	p.rubrique {
		color:#666666;
		font-size:12px ;
		margin: 0px 30px 15px 35px;
		}
	p.conclusion {
		color:#666666;
		font-size:12px ;
		margin: 25px 30px 15px 30px;
		font-weight:600;
		}
	p.abientot {
		color:#666666;
		font-size:13px;
		font-family:Comic sans MS;
		font-weight:bold;
		margin: 10px 30px 15px 45px;
		}