/***********************************************/
/* MISE EN PAGE */
/***********************************************/ 
body { text-align: center; margin: 0px; padding: 0px; background-image: url(img/jpg/oceanes-1650.jpg); background-repeat: no-repeat; background-position: center top; }
#haut { height: 85px; width: 90%; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; background-image:  url("img/jpg/panorama1.jpg"); background-repeat: no-repeat; background-position: right top; overflow: visible; }
#texte { width: 90%; margin: 3px; padding: 0px; }
#menu1 { width: 90%; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; margin: 0px; padding: 0px; background-image:  url("img/jpg/panorama2.jpg"); background-repeat: no-repeat; background-position: right top; text-align: center; }
/***********************************************/
/* TEXTE */
/***********************************************/ 
.evenement{ font-family: Arial, sans-serif; font-size: 110%; color: #FFFFFF; margin: 0px; padding: 0px; letter-spacing: -1pt; text-align: left; }
h1{ font-family: Arial, sans-serif; font-size: 106%; font-weight: normal; color: #000000; margin: 0px; padding: 0px; letter-spacing: 0pt; text-align: left; }
h2{ font-family: Arial, sans-serif; font-size: 70%; font-weight: normal; color: #000000; margin: 0px; padding: 0px; }
h3{ font-family: Arial,sans-serif; font-size: 80%; color: #000000; font-weight: normal; margin: 0px; padding: 0px; text-align: left; }
h4{ font-family: Arial, sans-serif; font-size: 70%; font-weight: bold; color: #000000; margin: 0px; padding: 0px; line-height: 150%; text-align: left; }
h5{ font-family: Arial,sans-serif; font-size: 65%; color: #000000; margin: 1px; padding: 0px; text-align: left; }
h6{
 font-family: Arial,sans-serif;
 font-size: 65%;
 color: #FFFFFF;
 margin: 1px;
 padding: 0px; }
/********************************************************
********************************************************/
.gtexte{ font-family: Arial, sans-serif; font-size: 106%; font-weight: normal; color: #000000; margin: 0px; padding: 0px; letter-spacing: 0pt; text-align: left; }
.texte{ font-family: Arial,sans-serif; font-size: 80%; color: #000000; font-weight: normal; margin: 0px; padding: 0px; text-align: left; }
/********************************************************
********************************************************/
.titre{ font-family: Arial, sans-serif; font-size: 76%; font-weight: bold; color: #FFFFFF; letter-spacing: 0pt; text-align: left; }
.titrel{ font-family: Arial, sans-serif; font-size: 76%; color: #FFFFFF; letter-spacing: 0pt; text-align: left; }/***********************************************/
/* LIENS */
/***********************************************/ 
a{ font-family: Arial, sans-serif; /*color: #0000FF;*/  text-decoration: none; }
a:link{ /*color: #0000FF;*/  text-decoration: none; }
a:visited{ text-decoration: none;
 	/*color: #0000FF;*/ 
}
a:hover{ text-decoration: underline; color: #0000FF; }
.menug{ font-family: Verdana, Arial, sans-serif; font-size: 70%; letter-spacing: -0.2pt; text-align: left; font-weight: bold; }
.menuh{ font-family: Arial, sans-serif; font-size: 80%; color: #FFFFFF; }
#menuh a:{ font-family: Arial, sans-serif; font-size: 110%; color: #FFFFFF; letter-spacing: -0.3pt; }
#menuh a:link{ font-family: Arial, sans-serif; font-size: 110%; color: #FFFFFF; letter-spacing: -0.3pt; }
#menuh a:hover{ font-family: Arial, sans-serif; font-size: 110%; color: #FFFFFF; letter-spacing: -0.3pt; text-decoration: underline; }
.bleu{ color: #0000FF; }
/***********************************************/
/* FILETS */
/***********************************************/ 
/* FILETS */

.filetchd { background-image: url(img/png/cadre_cd.png); background-repeat: no-repeat; width: 12px; height: 12px; font-size: 20%; }	
.fileth { background-image: url(img/png/cadre_filet_h.png); background-repeat: repeat-x; }
.filetchg { background-image: url(img/png/cadre_cg.png); background-repeat: no-repeat; width: 12px; height: 12px; font-size: 20%; }	


.fileth { background-image: url(img/png/cadre_filet_h.png); background-repeat: repeat-x; }
.filetb { background-image: url(img/png/cadre_filet_b.png); background-repeat: repeat-x; font-size: 20%; height: 12px; }
.filetg { background-image: url(img/png/cadre_filet_g.png); background-repeat: repeat-y; }
.filetd { background-image: url(img/png/cadre_filet_d.png); background-repeat: repeat-y; }
.filetcbg { background-image:  url("img/png/cadre_bg.png"); background-repeat: no-repeat; font-size: 20%; height: 12px; width: 12px; }
.filetcbd { background-image:  url("img/png/cadre_bd.png"); background-repeat: no-repeat; font-size: 20%; width: 12px; height: 12px; }	
/***********************************************/
/* FILETS OMBRE */
/***********************************************/ 
.cadrenoir { background-image:  url(Aucune); background-repeat: no-repeat; border: 1px solid #000000; }
.cadre_bf_h { background-image:  url("img/png/cadre_bleu_f_haut.png"); background-repeat: repeat-x; }
.cadre_bf_h_g { background-image: url(img/png/cadre_bleu_f_g.png); background-repeat: repeat-x; }
.cadre_bf_h_d { background-image: url(img/png/cadre_bleu_f_d.png); background-repeat: repeat-x; }
/***********************************************/
/* FILETS OMBRE */
/***********************************************/ 
.fileth { background-image: url(img/png/cadre_filet_h.png); background-repeat: repeat-x; }
.filetg { background-image: url(img/png/cadre_filet_g.png); background-repeat: repeat-y; }
.filetd { background-image: url(img/png/cadre_filet_d.png); background-repeat: repeat-y; }
.cbg { background-image: url(img/png/coin_bas_gauche.png); background-repeat: no-repeat; width: 16px; height: 16px; }
.cb { background-image: url(img/png/coin_bas.png); background-repeat: repeat-x; height: 16px; }
.cbd{ background-image: url(img/png/coin_bas_droite.png); background-repeat: no-repeat; width: 16px; height: 16px; }
.nr { background-repeat: no-repeat; }
.info { line-height: 24px; }
.cadre { border: 1px solid #E4E4E4; }
/****************************************
POSITION
****************************************/
.inter_40 { line-height: 40px; }
.inter_35 { line-height: 35px; }
.inter_30 { line-height: 30px; }
.inter_25 { line-height: 25px; }
.inter_20 { line-height: 20px; }
.inter_15 { line-height: 15px; }
.inter_10 { line-height: 10px; }
.inter_5 { line-height: 5px; }
.inter_4 { line-height: 4px; }
.inter_3 { line-height: 3px; }
.inter_2 { line-height: 2px; }
/****************************************
****************************************/
.decal5 { padding: 5px; text-align: left; }
.decal10 { padding: 10px; text-align: left; }
.espace140 { line-height: 150%; }
.espace200 { line-height: 180%; }
.5 { margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; }
/****************************************
****************************************/
.arial { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
/****************************************
****************************************/
.fo { background-color: #FF8900; }
/****************************************
****************************************/
.galerie { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; padding: 5px; }
/****************************************
****************************************/
.bordergris { border: 1px solid #D3D3D3; }
.borderbleu { border: 1px solid #33B3D2; }
.bordern { border: 1px solid #000000; }
.bordern4 { border: 4px solid #000000; }
/****************************************
****************************************/
.legende { font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #666666; }
/****************************************
****************************************/
.vsmallgras { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FF3300; }
/****************************************
****************************************/
.taille { font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
/****************************************
****************************************/
.cap { text-transform: uppercase; }
/****************************************
****************************************/
.float { display: block; float: left; padding-right: 15px; }
/****************************************
****************************************/
.boutonc { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-image: url(img/png/boutoncontact1.png); background-repeat: no-repeat; height: 33px; width: 152px; text-align: center; line-height: 33px; display: block; float: left; margin-top: 10px; margin-bottom: 10px; }
a.boutonc:link { text-decoration: none; color: #FFFFFF; }
a.boutonc:hover { background-image: url(img/png/boutoncontact2.png); background-repeat: no-repeat; background-position: top; height: 33px; width: 152px; text-decoration: none; color: #FFFFFF; }
a.boutonc:visited { text-decoration: none; color: #FFFFFF; }
.bouton { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-image: url(img/png/boutoncontact2.png); background-repeat: no-repeat; height: 33px; width: 152px; text-align: center; line-height: 33px; margin-top: 5px; margin-bottom: 5px; display: block; }
a.bouton:link { text-decoration: none; color: #FFFFFF; }
a.bouton:hover { background-image: url(img/png/boutoncontact1.png); background-repeat: no-repeat; background-position: top; height: 33px; width: 152px; text-decoration: none; color: #FFFFFF; }
a.bouton:visited { text-decoration: none; color: #FFFFFF; }
.boutonb { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-image: url(img/png/boutoncontact1.png); background-repeat: no-repeat; height: 33px; width: 152px; text-align: center; line-height: 33px; margin-top: 5px; margin-bottom: 5px; display: block; }
a.boutonb:link { text-decoration: none; color: #FFFFFF; }
a.boutonb:hover { background-image: url(img/png/boutoncontact2.png); background-repeat: no-repeat; background-position: top; height: 33px; width: 152px; text-decoration: none; color: #FFFFFF; }
a.boutonb:visited { text-decoration: none; color: #FFFFFF; }
.boutonl { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-image: url(img/png/boutonlien1.png); background-repeat: no-repeat; height: 24px; width: 136px; text-align: center; line-height: 24px; margin-top: 5px; margin-bottom: 5px; display: block; }
a.boutonl:link { text-decoration: none; color: #FFFFFF; }
a.boutonl:hover { background-image: url(img/png/boutonlien2.png); background-repeat: no-repeat; background-position: top; height: 24px; width: 136px; text-decoration: none; color: #FFFFFF; }
a.boutonl:visited { text-decoration: none; color: #FFFFFF; }
.boutonl2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-image: url(img/png/boutonlien2.png); background-repeat: no-repeat; height: 24px; width: 136px; text-align: center; line-height: 24px; margin-top: 5px; margin-bottom: 5px; display: block; }
a.boutonl2:link { text-decoration: none; color: #FFFFFF; }
a.boutonl2:hover { background-image: url(img/png/boutonlien1.png); background-repeat: no-repeat; background-position: top; height: 24px; width: 136px; text-decoration: none; color: #FFFFFF; }
a.boutonl2:visited { text-decoration: none; color: #FFFFFF; }
.bouton3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-image: url(img/png/boutonlien3.png); background-repeat: no-repeat; height: 24px; width: 191px; text-align: left; line-height: 28px; margin-top: 5px; margin-bottom: 5px; display: block; }
/**************************************** 
DEGRADE ENCART
****************************************/
/** GRIS **/
.deg2 { background-image: url(img/jpg/degrade2.jpg); background-repeat: repeat-x; }
.deg2b { background-image: url(img/jpg/degrade2.jpg); background-repeat: repeat-x; border: 1px solid #CCCCCC; }
/** ORANGE fond blanc **/
.deg3 { background-image: url(img/jpg/degrade3.jpg); background-repeat: repeat-x; }
/** ORANGE fond orange **/
.deg3b { background-image: url(img/jpg/degrade3b.jpg); background-repeat: repeat-x; }
/** VERT fond vert **/
.deg4b { background-image: url(img/jpg/degrade4b.jpg); background-repeat: repeat-x; }
/** VERT fond blanc **/
.deg4 { background-image: url(img/jpg/degrade4.jpg); background-repeat: repeat-x; }
/** BLEU fond bleu **/
.deg5 { background-image: url(img/jpg/degrade5b.jpg); background-repeat: repeat-x; }
/** BLEU fond blanc **/
.deg6 { background-image: url(img/jpg/degrade5.jpg); background-repeat: repeat-x; }
/** JAUNE fond jaune **/
.deg7 { background-image: url(img/jpg/degrade7.jpg); background-repeat: repeat-x; }
/** JAUNE fond blanc **/
.deg7b { background-image: url(img/jpg/degrade7b.jpg); background-repeat: repeat-x; }
.margin { margin: 0px; padding: 0px; text-align: center; }
.fondoceanes { background-image: url(img/png/fond_logo.png); background-repeat: no-repeat; background-position: left top; }
/****************************************
****************************************/
#bandeannonce { padding-right: 5px; padding-left: 3px; border: 1px solid #CCCCCC; width: 495px; -moz-border-radius: 6px; -webkit-border-radieus: 6px; height: 39px; margin-top: 10px; margin-bottom: 10px; }
.bandeann { margin-right: 10px; margin-left: 10px; float: left; }
.son-ba { margin-top: 10px; }

.soleil { margin-left: 10px; float: left; }
.oce2011 { display: block; height: 270px; background: url(img/jpg/Oceanes-2011.jpg) no-repeat center top; }
.placemp3 { height: 20px; width: 200px; /**	position: absolute;**/ z-index: 200; display: block; padding-top: 132px; padding-left: 200px; }
#arch {
	text-align: center;
	margin-top: 0px;
	margin-left: 6px;
}
#arch a:hover { opacity: 0.85; }
#traverse2011 {
	background: url(img/jpg/images/Oceanes-2011-archive_02.jpg) no-repeat left top;
	margin: 0px 0px 0px 254px;
	padding: 0px;
	height: 73px;
	width: 254px;
	display: block;
}
#traverse2011 .traverse2011-top {
	padding-top: 46px;
	margin: 0px;
}