/****************************************
pour: www.annonces-marine.com

CSS ANNONCES MARINE :
Partie générique pour
le bandeau du haut, 
le bandeau du bas, 
les titres - alignement - etc ...
Sinon chaque page à ses CSS imbriqués
*****************************************/

body {background:#FFFFFF url(../images/graphics/fil.gif) repeat-y center top fixed;margin:0px;font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;}

/* DIV CONTENEUR */
#conteneur {width:1000px;height:auto;margin:0 auto;}

/* BANDEAU SUPERIEUR */
#BandeauSup	{clear:both;width:1000px;height:144px;background-color:#0D203B;}
	#BlocLogo	{float:left;width:267px;height:144px;}
	#BlocLogo	p	{color:#FFFFFF;font-weight:bold;font-size:15px;margin:0 0 0 5px;}
	#BlocLogo	a	{color:#FFFFFF;text-decoration:none;}
	#BlocLogo	a:hover	{color:#FFFFFF;text-decoration:none;}

	#BlocDroite	{float:left;width:733px;height:144px;}
		#Megaban	{clear:both;width:728px;height:90px;margin:5px 0 0 0;}
		#MotsClefs	{clear:both;width:728px;height:20px;color:#FFFFFF;font-size:10px;text-align:center;margin-top:3px;}
		#MotsClefs	a	{color:#FFFFFF;text-decoration:none;}
		#MotsClefs	a:hover	{color:#FFFFFF;text-decoration:underline;}
		#LigneCompte	{clear:both;width:auto;height:26px;}
			#CaseCompte	{float:right;width:96px;height:18px;background: url(../images/graphics/compte-fond.gif) no-repeat;color:#15447C;font-weight:bold;text-align:center;padding-top:7px;margin-bottom:1px;}
			#CaseCompte	a	{color:#15447C;text-decoration:none;}
			#CaseCompte	a:hover	{color:#15447C;text-decoration:underline;}

/* Menu */
#Menu	{clear:both;width:985px;height:43px;background: url(../images/graphics/menu-fond.gif?v=1) no-repeat;color:#FFFFFF;font-size:12px;padding:0 5px 0 10px;}
#Menu ul {list-style-type: none;margin: 0;padding:12px 0 0 0 ;}
#Menu li {float:left;}
#Menu a {color:#FFFFFF;padding: 0 14px;text-decoration: none;text-align:center;font-weight:bold;}
#Menu a:hover {color:#FFFFFF;text-decoration:none;font-weight:bold;background:#0D203B;padding-top:10px;padding-bottom:14px;}

/* Fil d'ariane */
#FilAriane	{clear:both;width:990px;height:12px;color:#919191;font-size:11px;font-weight:bold;margin:5px;}
#FilAriane	a	{color:#919194;text-decoration:none;}
#FilAriane	a:hover	{color:#919191;text-decoration:underline;}

/* Accès Rapide */
#AccesRapide	{clear:both;width:990px;height:225px;color:#919191;padding:5px;}
	h2	{color:#919191;font-size:12px;margin:0 0 4px 0;padding:0;}
	h2	a	{color:#919191;text-decoration:none;}
	h2	a:hover	{color:#919191;text-decoration:underline;}
	.ColAcces	{float:left;width:auto;height:auto;margin-right:22px;font-size:11px;}
	.ColAcces ul	{list-style-type: none;margin:0;padding:0;}
	.ColAcces li	a	{color:#919191;text-decoration:none;}	
	.ColAcces	li	a:hover	{color:#919191;text-decoration:underline;}

/* Pied de page */
#PiedPage	{clear:both;width:1000px;height:63px;background:#0D203B	url(../images/graphics/pied-fond.gif?v=1) no-repeat;padding-top:84px;}
	#PiedMenu	{clear:both;width:988px;height:20px;color:#FFFFFF;padding:0 5px 0 7px;font-size:11px;}
	#PiedMenu ul {list-style-type: none;}
	#PiedMenu li {display: inline;}
	#PiedMenu a {color:#FFFFFF;text-decoration: none;margin:0 5px;text-align:center;font-weight:bold;}
	#PiedMenu a:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold;}
	#MentionsLeg	{clear:both;width:993px;height:auto;color:#FFFFFF;font-size:11px;padding-left:7px;padding-top:5px;}
	#MentionsLeg	a	{color:#FFFFFF;text-decoration:none;}
	#MentionsLeg	a:hover	{color:#FFFFFF;text-decoration:underline;}

/* PUB CARRE 300 x 250 */
.PubCarree	{clear:both;width:300px;height:250px;}
.PubCarreeD	{clear:both;width:300px;height:250px;margin-top:33px;}

/* PUB PRO 300 x 120 */
.PubPro	{clear:both;width:300px;height:120px;margin:10px 0 10px 0;}
.PubProRech	{float:left;width:200px;height:100px;background:red;margin:0 10px 20px 10px;}


/* LES TITRES */

.MegaTitreBleu	{clear:both;width:985px;height:auto;color:#15447C;font-weight:bold;font-size:18px;margin:5px 0 7px 5px;border-bottom:1px solid #BCBCBC;padding-bottom:3px;}
.GrTitreBleu	{clear:both;width:auto;height:auto;color:#15447C;font-weight:bold;font-size:18px;margin:5px 0 7px 5px;}
.GrTitreBleu	a	{color:#15447C;text-decoration:none;}
.GrTitreBleu	a:hover	{color:#15447C;text-decoration:none;}

/* LES COLONNES */

#ColGauche	{float:left;width:685px;height:auto;padding:0 5px 0 5px;}
#ColGauche	#ColGaucheUn	{float:left;width:305px;height:auto;}
#ColGauche	#ColGaucheDeux	{float:left;width:368px;height:auto;margin-left:10px;}

#ColDroite	{float:left;width:300px;height:auto;padding-right:5px;}

#ColGaucheInv	{float:left;width:680px;height:auto;padding:0 5px 0 0;}

#ColDroiteInv	{float:left;width:300px;height:auto;padding:0 5px 0 5px;}

#ColUnique	{float:left;width:990px;height:auto;padding:0 5px 0 5px;}


/* BOUTON DE FORMULAIRE */

.button {
  height:28px;
  width:170px;
  font-family:arial; 
  font-size:13px; 
  font-weight:bold; 
  color: #FFFFFF;
  background:url(../images/graphics/button.gif?v=1); 
  cursor:pointer;
} 

/* LIGNE SEPARATRICE */

.Separateur	{clear:both;width:990px;margin-left:5px;border-bottom:1px solid #BCBCBC;margin-bottom:15px;}
.SeparateurB	{clear:both;width:975px;margin-left:5px;border-bottom:1px dotted #BCBCBC;margin-bottom:15px;}
.MiniSep	{clear:both;width:280px;margin-left:5px;border-bottom:1px dotted #BCBCBC;margin-top:7px;margin-bottom:7px;}
.MoyenSep	{clear:both;width:360px;margin-left:5px;border-bottom:1px dotted #BCBCBC;margin-top:7px;}
.BigSep		{clear:both;width:665px;margin-left:5px;border-bottom:1px dotted #BCBCBC;margin-top:7px;}

/* Font weight gras */

.gras	{font-weight:bold;}
.grasDouble	{font-weight:bold;font-size:15px;color:#0D203B;}

.rouge	{color:#E50002;}
.rougeGras	{color:#E50002;font-weight:bold;}