/*CHARTE COULEUR

Jaune : #FBDA1A
Jaune clair: #FDF8B1
Bleu fond : #024D98
Bleu clair dans onglet bleu : #E9F4FF
Bleu Moyen (H1) : #68A2F4
Bleu foncé (texte) : 1949AA
Vert:33CC66
*/

/*style css de bateau ecole cogolin*/
*{
margin: 0;
padding: 0;
border: 0;
font-family: arial;
font-size: 100%;
font-style: normal;
text-decoration: none;
}

body{
 text-align: center;/*on rétablit l'alignement normal de body ici pour IE */
 font-style:normal;
 font-size:13px;
 margin:15px 0 0 0;/*hauteur de la page du bord haut*/
 background-color:#024d98;
}

.padding40{
padding-left :40px;
}
h1{
  font-weight:bold;
  color:#1949AA;
  font-size:18px;
}

ul{
padding-left:30px;
list-style-type: circle;
}

/* Style recurrent */
.fond-jaune{
background-color: #E9F4FF;
padding-top:15px;
}
.ss-menu{
float:left;
background-color:#1949aa;
width:710px;
font-weight:bold;
color:#E9F4FF;
font-size:16px;
padding:2px;
margin-bottom:15px;
}
.img-float-right{
  float:right;
  margin:0px 0px 0px 6px;
}
.img-float-left{
   float:left;
   margin:0px 6px 0px 0px;
}
.float-left{
   float:left;
}
.acces-plan{
   float:left;
   padding-left:30px;
   padding-right:30px;
}
.float-right{
   float:right;
}

.img-float-left-border{
   float:left;
   margin:0px 6px 0px 0px;
   border:#1949AA solid 1px;
}

.img-float-right-border{
	float:right;
	margin:0px 6px 0px 0px;
	border:#1949AA solid 1px;
}

.video-accostage{
   float:right;
   margin:0px 6px 0px 0px;
   border:#1949AA solid 1px;
   text-align:center;
}
.img-center{
  text-align:center;
  margin:6px 6px 10px 10px;
}

.img-center-border{
  text-align:center;
  border:#1949AA solid 1px;
}

.cacher {display:none;}

.afficher {display:block; }

.message-envoye {display:block;}

.message-pas-envoye { display:none;}

.underline{
text-decoration: underline;
}

.separation{
    width:710px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.centrer{
text-align:center;
}

.left{
text-align:left;
}

.blanc{
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}

.bleu-moyen{
font-size:12px;
color:#68A2F4;
font-weight:bold;
}

.txt-right{
text-align:right;
}

a:hover{
text-decoration:underline;
color:#68A2F4;
font-weight:bold;
cursor:pointer;
}

a:link{
text-decoration:underline;
color:#68A2F4;
font-weight:bold;
cursor:pointer;
}

a:visited{
text-decoration:underline;
color:#68A2F4;
font-weight:bold;
cursor:pointer;
}

.a-index-lien:hover{
text-decoration:underline;
font-weight:bold;
font-size:12px;
color:#FBDA1A;
cursor:pointer;
}

.a-index-lien:link{
font-weight:bold;
font-size:12px;
color:#FBDA1A;
cursor:pointer;
}

.a-index-lien:visited{
font-weight:bold;
font-size:12px;
color:#FBDA1A;
cursor:pointer;
}

#a-entrer-site:hover{
font-weight:bold;
text-decoration:none;
font-size:18px;
color:#FBDA1A;
cursor:pointer;
}

#a-entrer-site:link{
font-weight:bold;
text-decoration:none;
font-size:18px;
color:#FBDA1A;
cursor:pointer;
}

#a-entrer-site:visited{
font-weight:bold;
text-decoration:none;
font-size:18px;
color:#FBDA1A;
cursor:pointer;
}

.a-ancre1:hover{
text-decoration:none;
font-weight:bold;
font-size:15px;
padding-left:2px;
padding-right:2px;
color:#E9F4FF;
cursor:pointer;
}

.a-ancre1:link{
text-decoration:none;
font-weight:bold;
font-size:15px;
padding-left:2px;
padding-right:2px;
color:#E9F4FF;
cursor:pointer;
}

.a-ancre1:visited{
text-decoration:none;
font-weight:bold;
font-size:15px;
padding-left:2px;
padding-right:2px;
color:#E9F4FF;
cursor:pointer;
}
.a-ancre2:hover{
font-weight:bold;
font-size:15px;
padding-left:2px;
padding-right:2px;
color:#E9F4FF;
cursor:pointer;
}

.a-ancre2:link{
text-decoration:none;
font-weight:bold;
font-size:15px;
padding-left:2px;
padding-right:2px;
color:#E9F4FF;
cursor:pointer;
}

.a-ancre2:visited{
text-decoration:none;
font-weight:bold;
font-size:15px;
padding-left:2px;
padding-right:2px;
color:#E9F4FF;
cursor:pointer;
}

.calendrier:hover{
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
}

.calendrier:link{
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
}

.calendrier:visited{
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
}

#a-footer:hover{
font-size:11px;
color:#68A2F4;
cursor:pointer;
}

#a-footer:link{
font-size:11px;
color:#68a2f4;
cursor:pointer;
}

#a-footer:visited{
font-size:11px;
color:#68a2f4;
cursor:pointer;
}

.a-inscription:hover{
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#1949AA;
cursor:pointer;
}

.a-inscription:link{
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#1949AA;
cursor:pointer;
}

.a-inscription:visited{
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#1949AA;
cursor:pointer;
}

/* Fin Style recurrent */
/* Style general */

#contenu{
 position:relative;/*contient tout les autres calques*/
 margin:0px auto;
 width:935px;
 text-align: left; /*on rétablit l'alignement normal du texte */
 background-color:#024d98;
 color:#1949aa;
}

/* Style index */
#index-flash{
text-align:center;
}

#index-ad{
position:absolute;
width:400px;
height:50px;
top:380px;
left:5px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
line-height:20px;
text-align:right;
}

#index-txt{
	position:absolute;
	width:300px;
	height:200px;
	top:258px;
	left:564px;
	color:#024D98;
	font-size:14px; /* 15px WEB01SOLU: modifier cause de la taille de l'emplacement*/
	font-weight:bold;
	font-style:italic;
	text-align:left;
}

#index-entrez{
position:absolute;
top:455px;
left:705px;
}
/* Fin Style index */
/* Style des pages */

/* Style Header*/
#header {
 width:935px;
 border-left:solid 2px #000;
 border-right:solid 2px #000;
 border-top:solid 2px #000;
}
#bandeau{
 width:935px;
 height:121px;
}

#compas{
 width:380px;
 height:340px;
 position: absolute;
 top:-30px;
 left:-120px;
 z-index:100;
}

/* Style Menu*/
#menu{
 width:935px;
 height:51px;
 background-image:url(image/permis-bateau-fondmenu.gif);
 background-repeat:no-repeat;
}

#menu-permis{
 width:89px;
 height:40px;
 position:absolute;
 top:129px;
 left:220px;
}

#trans-permis{
width:89px;
height:40px;
}

#menu-calendrier{
 width:98px;
 height:40px;
 position:absolute;
 top:129px;
 left:311px;
}

#trans-calendrier{
width:98px;
height:40px;
}

#menu-vhf{
 width:125px;
 height:40px;
 position:absolute;
 top:129px;
 left:411px;
}

#trans-vhf{
width:125px;
height:40px;
}

#menu-inscription{
 width:99px;
 height:40px;
 position:absolute;
 top:129px;
 left:538px;
}

#trans-inscription{
width:99px;
height:40px;
}

#menu-tarifs{
 width:60px;
 height:40px;
 position:absolute;
 top:129px;
 left:639px;
}

#trans-tarifs{
width:60px;
height:40px;
}

#menu-contact{
 width:76px;
 height:40px;
 position:absolute;
 top:129px;
 left:701px;
}

#trans-contact{
width:76px;
height:40px;
}

#menu-ecole{
 width:85px;
 height:40px;
 position:absolute;
 top:129px;
 left:779px;
}

#trans-ecole{
width:85px;
height:40px;
}

#menu-voile{
 width:70px;
 height:40px;
 position:absolute;
 top:129px;
 left:866px;
}

#trans-voile{
width:70px;
height:40px;
}
/* Fin Style Menu*/
/* Fin Style Header*/

/* Style Page*/
#page{
float:left;
width:935px;
border-left:solid 2px #000;
border-right:solid 2px #000;
background-color:#FFFFFF;
}

#colonne-1{
float:left;
width:180px;
padding-top:128px;
background-color:#FFFFFF;
}

#jaune{
	float:left;
	width:175px;
	height:80px;
	background:url(image/permis-bateau-ongletjaune.gif) no-repeat;
	margin-bottom:20px;
}
#orange{
	float:left;
	width:175px;
	height:80px;
	background:url(image/permis-bateau-ongletorange.gif) no-repeat;
	margin-bottom:20px;
}
#bleu{
	float:left;
	width:177px;
	height:82px;
	background:url(image/permis-bateau-ongletbleu.jpg) no-repeat;
	margin-bottom:20px;
}

#mess1{
  font-weight:bold;
  font-style:italic;
  color:#1949aa;
  font-size:12px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  padding-top:20px;
  padding-bottom:20px;
}

#mess2{
 font-weight:bold;
  font-style:italic;
  color:#1949aa;
  font-size:12px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}

#mess3{
 font-weight:bold;
  font-style:italic;
  color:#1949aa;
  font-size:12px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  padding-top:20px;
  padding-bottom:20px;
}

#mess4{
  font-weight:bold;
  font-style:italic;
  color:#1949aa;
  font-size:12px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  padding-top:20px;
  padding-bottom:20px;
}


#meteo{
	float:left;
	width:175px;
	height:130px;
	background:url(image/permis-bateau-ongletbleuclair.jpg) no-repeat;
	margin-bottom:20px;
}

#compas-design{
float:left;
width:145px;
margin-bottom:20px;
}

#compas-design-permis{
position:absolute;
top:1798px;
left:2px;
}

#colonne-2{
float:left;
width:715px;
padding-top:50px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
}
/* Ajout WEB01SOLU */
#colonne-2 h2 { /* Sous titres */
	font-size: 14px;
	font-weight:bold;
	text-decoration:underline;
}

.encadre {
	border: 1px solid #1949AA;
	background-color:#FDF8B1;
	width: auto;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.rouge {
	color: #FF0000;
}

.rougeItalique {
	color: #FF0000;
	font-style:italic;
}
/* Fin Ajout WEB01SOLU */
/* Fin Style Page*/

/* Style Footer*/
#footer{
float:left;
padding-top:10px;
width:935px;
border-bottom:solid 2px #000;
border-left:solid 2px #000;
border-right:solid 2px #000;
background-color:#FFFFFF;
}
#logo{
float:left;
width:150px;
padding-top:30px;
height:87px;
}
#adresse{
float:left;
width:635px;
padding-top:30px;
padding-bottom:10px;
text-align:center;
height:77px;
}
#gif{
float:left;
width:150px;
height:117px;
}
#txt-footer{
  font-weight:bold;
  font-style:italic;
  color:#1949aa;
  font-size:12px;
}


/*#gif-permis{
	position:absolute;
	top:1490px;
	left:780px;
}*/

#gif-vhf{
position:absolute;
top:872px;
left:787px;
}

#gif-calendrier{
	position:absolute;
	top:663px;
	left:843px;
}

#gif-inscription{
	position:absolute;
	top:1520px;
	left:786px;
}

#gif-tarifs{
	position:absolute;
	top:880px;
	left:786px;
}

#gif-contacts{
	position:absolute;
	top:915px;
	left:788px;
}

#gif-acces{
position:absolute;
top:1006px;
left:844px;
}

#gif-plan{
position:absolute;
top:860px;
left:787px;
}

#gif-ecole{
	position:absolute;
	top:1574px;
	left:843px;
}

#gif-ecole-visiteptt{
position:absolute;
top:664px;
left:843px;
}
#gif-ecole-visite-gd{
position:absolute;
top:663px;
left:843px;
}

#gif-voile{
	position:absolute;
	top:1300px;
	left:782px;
}
/* Style Fin Footer*/


/* Fin Style des pages */

/* Style de texte */

.italic{font-style:italic;}

.gras{
	font-weight:bold;
}
.gras16{font-weight:bold; font-size:20px;}

.txt-bleu-gras-ita-12{
  font-weight:bold;
  font-style:italic;
  color:#1949aa;
  font-size:12px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}

.txt-bleu-gras-ita-12-v2{
  font-weight:bold;
  font-style:italic;
  color:#1949aa;
  font-size:12px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  padding-top:4px;
  padding-bottom:5px;
}

.txt-bleu-gras-ita-11{
  font-weight:bold;
  font-style:italic;
  color:#1949aa;
  font-size:11px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:20px;
}

#txt-bleu-gras-ita-9{
  font-weight:bold;
  font-style:italic;
  color:#1949aa;
  font-size:9px;
}

.txt-bleuclair-gras-11{
  font-weight:bold;
  color:#e9f4ff;
  font-size:11px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:20px;
}

/* Fin Style des textes */

/* Style du tableau tarif */

/* Fin Style du tableau tarif */

/* Style du calendrier */
#calendrier{
width:715px;
}

#table-calendrier
{
 float:left;
 border-collapse:collapse;
 border:solid 2px #cedff6;
 padding-left:6px;
 margin-left:20px;
 margin-bottom:20px;
 text-align:center;
}

tr.mois
{
  background-color:#cedff6;
  font-weight:bold;
  /*color:#fff;*/
}

hr
{
  background-color:#cedff6;
  width:150px;
}

tr.titre {
font-weight:normal;
}

.cel-rouge{
background-color:#FF0000;
}

.cel-vert{
background-color: #33CC66;
}

.cel-double{
background-image:url(image/permis-bateau-calendrier.gif);
background-repeat:repeat-y;
}

/* Fin Style du tableau tarifs */

/* Style Tableau meteo */
.meteo-titre{ 
text-align:center;
font-weight:bold;
font-size:12px;
 }

.meteo{ 
color:#1949AA;
font-size:11px;
 }

/* Style Tableau meteo */

/* Style Tableau Tarifs */

.tableau-tarifs{
	float:left;
	text-align: center;
}
.tableau-tarifs{
width:710px;
}
.table-tarifs
{
	border-collapse:collapse;
	border:solid 2px #1949AA;
	padding-left:6px;
	margin-left:20px;
	margin-bottom:20px;
	text-align:left;
	width: 650px;
}

.tr-tarifs
{
  height:25px;
  background-color:#1949AA;
  font-weight:bold;
  color:#FFF;
  text-align:center;
  text-indent:10px;
}

.td-tarifs
{
  height:25px;
  text-align:center;
  text-indent:10px;
  background-color:#E9F4FF;
}

.td-tarifs-consult
{
  text-indent:20px;
  background-color:#E9F4FF;
}

.td-tarifs-left
{
  text-indent:6px;
  background-color:#E9F4FF;
}


/* Fin Style Tableau Tarifs */

#divi-formulaire{
float:left;
width:710px;
margin-bottom:10px;
}

/* WEB01 Ajout */
#divi-formulaire h2 {
	text-align: center;
	text-decoration: none;
}
/*Fin WEB01 Ajout */

/* Style formulaire inscription */
#fm_inscription{
margin-left:auto;
margin-right:auto;
width:450px;
text-align:left;
}

#fm_inscription h2 {
background-color: #1949AA;
color:white;
padding-left:10px;
}

#coordonnee{
float:left;
background-color:#E9F4FF;
height:220px;
width:400px;
}

.label-coordonee{
float:left;
text-align:left;
font-weight:bold;
margin-top:10px;
padding-left:10px;
padding-right:5px;
}

.tres-petit{
float:left;
width:80px;
margin-top:10px;
margin-right:30px;
border:#1949AA solid 1px;
}

.petit{
float:left;
width:100px;
margin-top:10px;
margin-right:30px;
border:#1949AA solid 1px;
}

.moyen{
float:left;
width:200px;
margin-top:10px;
margin-right:30px;
border:#1949AA solid 1px;
}

.grand{
float:left;
width:380px;
margin-top:10px;
border:#1949AA solid 1px;
margin-left:10px;
}

#prestation{
float:left;
background-color:#E9F4FF;
height:160px;
width:400px;
}

.label-prestation{
float:left;
width:200px;
font-weight:bold;
margin-top:10px;
padding-left:10px;
}

#prestation input[type=radio] {
  float:left;
  width:15px;
  height:13px;
  border:0px;
  margin-top:10px;
  margin-left:10px;
}

#prestation  input[type=text] {
float:left;
margin-top:10px;
margin-right:35px;
border:#1949AA solid 1px;
}

.label-radio{
float:left;
width:50px;
font-weight:bold;
margin-top:8px;
padding-left:2px;
}

.label-consulter{
float:left;
text-align:left;
font-weight:normal;
margin-top:10px;
padding-left:55px;
}

.label-periode {
float:left;
text-align:left;
width:150px;
font-weight:bold;
margin-top:10px;
padding-left:10px;
}

#envoyer{
float:right;
text-align:center;
font-weight:bold;
background-color:#1949AA;
color:#fff;
margin-top:15px;
margin-right:5px;
}

#message-ok{
padding-top:18px;
padding-left:80px;
font-weight:bold;
}
/* Style formulaire inscription */

/* Style formulaire contacts */
#div-form{
padding-bottom:20px;
}

#adresse-form{
	float:left;
	width:295px;
	text-align: center;
}
#form-contact{
	float:left;
	text-align:center;
	width:400px;
	margin-bottom: 10px;
}

#fm_contact{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:400px;
	margin-top: 10px;
}
#contact{
width:400px;
text-align:left;
background-color: #E9F4FF;
height:170px;
}

#contact h2 {
	background-color: #1949AA;
	color:white;
	padding-left:10px;
	text-decoration: none;
}

#contact label {
float:left;
width: 150px;
font-weight:bold;
margin-top:10px;
padding-left:10px;
}

#contact input.text{
float:left;
width: 200px;
margin-top:10px;
border:#1949AA solid 1px;
}

#contact textarea{
float:left;
width: 200px;
height:100px;
margin-top:10px;
border:#1949AA solid 1px;
}
/* Style formulaire contacts */

.visite-virtuelle{
text-align:center;
}

#coord-plan{
width:715px;
}
#copyright{
float:left;
width:615px;
margin-left:320px;
color:#68A2F4;
font-size:10px;
}
#txt-acces{
width:715px;
float: left;
}
#coordonne-gps{
float:left;
width:200px;
}
#acces-plan{
float:left;
width:315px;
text-align:center;
}
#img-plan{
float:left;
width:200px;
}

div.largeurComplete{
float:left;
width:100%;
}

.meteo-france{
font-size:11px;
text-align:center;
}