/*les éléments graphiques et le design du site (et donc cette feuille de styles CSS
 * et les images) restent la propriété exclusive de leurs auteurs
 * respectifs conformément aux droits d'auteur. Toute réutilisation
 * devra faire l'objet d'une demande préalable
 * (email:postmaster@airjibe.com).
 */

/* CSS airjibe.com v1.0
*/

body
{
	margin: 10px 0px 0px 0px ;
	padding: 0 ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	color: #fff;
	background: #036 ;
}


div#site
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	color: #fff;
	background: #069 ;
	padding: 0; /* v3, just for safety */
}
div#sitenews
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	color: #fff;
	background: #636 ;
	padding: 0; /* v3, just for safety */
}
div#sitephoto
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	color: #fff;
	background: #363;
	padding: 0; /* v3, just for safety */
}
div#sitevideo
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	color: #fff;
	background: #930;
	padding: 0; /* v3, just for safety */
}
div#sitematos
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	color: #fff;
	background: #600;
	padding: 0; /* v3, just for safety */
}
div#sitespot
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	color: #fff;
	background: #099;
	padding: 0; /* v3, just for safety */
}
/* banniere
*/
#top {
	color: #fff;
  	background:  url(bannierebleu.jpg) no-repeat #069;
  	height: 180px;
  	margin: 0px 0px 0px 0px;
  	padding-bottom: 0px; /* v3 */

}
#pub {
	position: relative;
	color: #fff;
  	background:  no-repeat ;
  	height: 0px;
	left:250px; 
	top:5px; 
  	padding-bottom: 0px; /* v3 */

}
#zone1 {    /* zone cliquable */
margin: 0;
float: left;
width : 770px;
height: 180px;
background: none;
}


/* menu */

ul#menu  {
		height: 15px ;
		margin: 0 ;
		padding: 0 ;
		list-style-type: none ;

}

ul#menu li {
		float: left ;
		text-align: center ;
}

ul#menu li a
{
	width: 109px ;
	line-height: 30px ;
	font: 1em "Trebuchet MS", helvetica, sans-serif ;
	font-weight: normal ;
	letter-spacing: 1px ;
	color: #fff ;
	background: #069 ;
	display: block ;
	text-decoration: none ;
	border-right: 1px solid #f9f ;
}

ul#menu li a:hover
{
	color: #f9f ;
	background: #069 ;
}

/* coloration des li du menu principal*/
#menu #colornews a{ 
	color: #fff ;
	background: #636 ;
	 }
#menu #colormatos a{ 
	color: #fff ;
	background: #600 ;
	 }
#menu #colorphoto a{ 
	color: #fff ;
	background: #363 ;
	 } 
#menu #colorspot a{ 
	color: #fff ;
	background: #099 ;
	 }  
#menu #colorvideo a{ 
	color: #fff ;
	background: #930 ;
	 }  
	 
	 
ul#menunews
{
	height: 40px ;
	margin: 0 ;
	padding: 0 ;	
	list-style-type: none ;
}


ul#menunews li
{
	float: left;
	text-align: center;
	margin: 5px 20px 0px 20px;
	border: 1px solid #f9f;
	padding: 3px ;
	color: #fff  ;
	background: #c6c;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#menunews li a
{
	width: 100px ;
	line-height: 0px ;
	font-size: 0.8em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff  ;
	background: #c6c;
	display: inline ;
	text-decoration: none ;
}

ul#menunews li a:hover
{
	color: #fff;
	background: #c9c;
  	text-decoration: none;
}


#menunews {
	width: 100px ;
	line-height: 5px ;
	font: 1.1em "arial", helvetica, sans-serif ;
	color: #fff  ;
	background: #069;
	display: inline ;
	text-decoration: none ;
	text-align: justify;
}

/* donnees centrale*/



#site p {
	margin: 5px 5px 5px 5px ;
	padding: 5px ;
	line-height: 15px ;
	text-align: left;
	color: #000 ;
	background: #069;

}
ul#middle
{
	height: 40px ;
	margin: 0 ;
	padding: 0 ;	
	list-style-type: none ;
}


ul#middle li
{
	width: 365px ;
	float: left ;
	text-align: left ;
	margin: 5px 5px ;
	padding: 2px ;
	color: #fff  ;
	background: #39c;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#middle li a 
{
	width: 358px ;
	text-align: right ;
	line-height: 40px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 0px ;
	display: block ;
	text-decoration: none ;
}
ul#middle li p
{
	text-align: left ;
	line-height: 10px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 0px ;
	text-decoration: none ;
	color: #fff  ;
	background: #636;
}

ul#middle li h3 a
{
	margin: 30px 0px 0px 0px ;
	text-align: right ;
	line-height: 20px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 0px ;
	text-decoration: none ;
	color: #fff  ;
	background: #636;
}

#middle  h1 {
		text-align: left ;
	font: 1.7em "Trebuchet MS", helvetica, sans-serif ;
	}

#middle h2 {
		text-align: left ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	font-weight: bold ;
	}
	
	#middle h3 {
		text-align: left ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	}
.newspart
{

	padding: 5px;
	color: #fff;
	background: #636;
}


.newspart a
{
	
	color: #fff;
	background: #636;

}
.newspart a:hover
{
	color: #f9f;
	background: #636;

}
.photopart
{

	padding: 5px;
	color: #fff;
	background: #363;
	padding: 5px; /* v3, just for safety */
}


.photopart a
{
	color: #fff;
	background: #363;

}
.photopart a:hover
{
	color: #f9f;
	background: #363;

}
.videopart
{

	padding: 5px;
	color: #fff;
	background: #930;
	padding: 5px; /* v3, just for safety */
}


.videopart a
{
	color: #fff;
	background: #930;

}
.videopart a:hover
{
	color: #f9f;
	background: #930;

}
.matospart
{

	padding: 5px;
	color: #fff;
	background: #600;
	padding: 5px; /* v3, just for safety */
}


.matospart a
{
	color: #fff;
	background: #600;

}
.matospart a:hover
{
	color: #f9f;
	background: #600;

}
/* menu news */
ul#news1
{
	margin: 0 ;
	padding: 0 ;	
	list-style-type: none ;
}


ul#news1 li
{
	float: left ;
	text-align: left ;
	margin: 5px 8px 0px 6px;
	border: 1px solid #f9f;
	padding: 5px ;
	color: #fff  ;
	background: #c6c;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#news1 li a
{
	width: 730px ;
	line-height: 40px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff  ;
	background: #c6c;
	display: block ;
	text-decoration: none ;
}

ul#news1 li a:hover
{
	color: #fff;
	background: #c9c;
  	text-decoration: none;
}

div#news {
	color: #fff  ;
	background: #636;
	padding: 5px;
}
div#news p {
	color: #fff  ;
	background: #636;
	text-align: justify;
	line-height: 10px ;
	font: 1.1em "Trebuchet MS", helvetica, sans-serif ;
	font-weight: normal ;
}

#news a {
	text-decoration: underline;
  font-weight: normal;
  color:  #fff;
  background: #636;
  outline: none;
  }

#news a:hover {
  color: #f9c;
  background: #636;
  text-decoration: none;
  }




#photos 
{
	width: 620px;
	list-style-type: none ;
	float: inherit ;
	margin: 5px 5px 5px 50px;
	border: 1px solid #6f6;
	padding: 25px ;
	color: #fff  ;
	background: #9c6;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */
#photos a
{
	margin: 0px 0px 0px 0px ;
	padding: 0px ;
	list-style-type: none ;
}

ara  {
	color: #fff  ;
	background: #930;
	text-align: center;
	line-height: 5px ;
	font: 1.1em "arial", helvetica, sans-serif ;
	font-weight: normal ;
}
#para 
{
	color: #fff  ;
	background: #930;
	text-align: center;
	line-height: 5px ;
	font: 1.1em "arial", helvetica, sans-serif ;
	font-weight: normal ;
}
#para a
{
	color: #fff;
	background: #930;
}
#para a:hover
{
	color: #f9c;
	background: #930;
}
#para a:visited
{
	color: #000;
	background: #930;
}
#videos p{
text-align: left;
}

ul#videos
{
	height: 40px ;
	margin: 0 ;
	padding: 0 ;	
	list-style-type: none ;
}


ul#videos li
{
	float: left ;
	text-align: center;
	margin: 5px 5px ;
	padding: 5px ;
	color: #fff  ;
	background: #963;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#videos li a
{
	width: 360px ;
	height: 110px;
	line-height: 40px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff  ;
	background: #963;
	display: block ;
	text-decoration: none ;
}

ul#videos li a:hover
{
	color: #f9c;
	background: #963;
  	text-decoration: none;
}
#bouton 
{
	color: #fff;
	background: #930;
margin: 0px 10px 0px 10px ;
}
#bouton a
{
	color: #fff;
	background: #930;
margin: 0px 10px 0px 10px ;
}
#bouton a:hover
{
	color: #f9c;
	background: #930;
margin: 0px 10px 0px 10px ;
}
/* partie matos */
#matos
{
	width: 730px;
	font-size: 1.7em ;
	padding: 5px ;
	line-height: 30px ;
	text-align: center;
	list-style-type: none ;
}

#matos a
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
#matos 
{
	float: left ;
	margin: 5px 5px 5px 5px;
	border: 1px solid #dea;
	padding: 10px ;
	color: #fff  ;
	background: #600;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

#matos a:hover {
  color: #f9c;
  background: #c63;
  text-decoration: none;
  }
 

/*menu du matos planche*/
#menumatosp dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
 
#menumatosp {

float: left ;
width: 100%; /* correction pour Opera */
}
#menumatosp dl {
margin: 0px 0px 0px 20px;
float: left;
width: 12em;
}
#menumatosp dt {
cursor: pointer;
text-align: center;
font-weight: 100;
background: #c30;
border: 1px solid #c63;
margin: 1px;
}
#menumatosp dd {
display: none;
border: 1px solid #c63;
}
#menumatosp li {
text-align: center;
background: #fff;
}
#menumatosp li a, #menu dt a {
color: #000;
background: #c30;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menumatosp li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #fc9;
}

 
 /*menu du matos voile */
#menumatosv dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
 
#menumatosv {

float: left ;
width: 100%; /* correction pour Opera */
}
#menumatosv dl {
margin: 0px 0px 0px 20px;
float: left;
width: 12em;
}
#menumatosv dt {
cursor: pointer;
text-align: center;
font-weight: 100;
background: #c30;
border: 1px solid #c63;
margin: 1px;
}
#menumatosv dd {
display: none;
border: 1px solid #c63;
}
#menumatosv li {
text-align: center;
background: #c30;
}
#menumatosv li a, #menu dt a {
color: #000;
background: #c30;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menumatosv li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #fc9;
}


 

 
 #menu2
{
	width: 730px;
	font-size: 1.7em ;
	padding: 5px ;
	line-height: 30px ;
	text-align: center;
	list-style-type: none ;
}

#menu2 a
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	color: #fff  ;
	background: #c30;
}
#menu2
{
	float: left ;
	margin: 5px 5px 5px 5px;
	border: 1px solid #dea;
	padding: 10px ;
	color: #fff  ;
	background: #c30;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

#menu2 a:hover {
  color: #f9c;
  background: #c30;
  text-decoration: none;
  }
  
 
 
  
#mat p{
	font-size: 1em ;
	padding: 0px ;
	line-height: 10px ;
	text-align: left;
	color: #fff ;
	background: #c63;
	list-style-type: none ;
}

ul#mat
{
	height: 10px ;
	margin: 0 ;
	padding: 0 ;	
	list-style-type: none ;
}


ul#mat li
{
	float: left ;
	width: 710px ;
	line-height: 20px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px; 
	text-align: justify;
	margin: 5px 5px ;
	border: 1px solid #c30;
	padding: 5px ;
	color: #fff  ;
	display: block ;
	background: #c63;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#mat li a
{
	line-height: 20px ;
	font-size: 0.9em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff  ;
	background: #c63;
	text-decoration: none ;
}

ul#mat li a:hover
{
	color: #600;
	background: #c63;
  	text-decoration: none;
}

/* Partie spots */


ul#spots
{
	height: 40px ;
	margin: 0 ;
	padding: 0 ;	
	list-style-type: none ;
}


ul#spots li
{
	float: left ;
	text-align: center;
	margin: 5px 5px ;
	border: 1px solid #dea;
	padding: 10px ;
	color: #fff  ;
	background: #6cc;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#spots li a
{
	width: 100px ;
	line-height: 20px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff  ;
	background: #6cc;
	display: inline ;
	text-decoration: none ;
}

ul#spots li a:hover
{

	color: #600;
	background: #6cc;
	font-size: 1.2em ;
  	text-decoration: none;
}

/*pour le menu.html*/
.spotpart
{

	padding: 5px;
	color: #fff;
	background: #099;
	padding: 5px; /* v3, just for safety */
}


.spotpart a
{
	
	color: #fff;
	background: #099;

}
.spotpart a:hover
{
	color: #f9f;
	background: #099;

}
/* fin */



#spot {
	width: 100px ;
	line-height: 10px ;
	font: 1.1em "arial", helvetica, sans-serif ;
	color: #000  ;
	background: #099;
	display: inline ;
	text-decoration: none ;
	text-align: justify;
}
#spot a
{
	width: 100px ;
	line-height: 20px ;
	font-size: 0.9em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff  ;
	background: #099;
	display: inline ;
	text-decoration: none ;
}
#spot a:hover
{
	width: 100px ;
	line-height: 20px ;
	font-size: 0.9em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #f9c  ;
	background: #099;
	display: inline ;
	text-decoration: none ;
}
#spot h2 {
	text-align: left ;
	font: 2em "Trebuchet MS", helvetica, sans-serif ;
	color: #fff  ;
	background: #099;
	padding: 10px;
	margin: 100px 90px 0px 0px;
}

#spot h3 {
	text-align: justify ;
	font: 1.5em "Trebuchet MS", helvetica, sans-serif ;
	color: #fff  ;
	background: #099;
	padding: 5px;
	margin: 50px 0px 0px 10px;
}
#spot h4 {
	text-align: left ;
	font: 1em "Trebuchet MS", helvetica, sans-serif ;
	color: #fff  ;
	background: #099;
	padding: 5px;
	font-weight: bold ;
	margin: 10px 0px 0px 20px;
}

#spot p {
	text-align: left ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	color: #000 ;
	background: #099;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}

/* pour menu.html*/
.contactpart
{

	padding: 5px;
	color: #fff;
	background: #069;
	padding: 5px; /* v3, just for safety */
}


.contactpart a
{
	
	color: #fff;
	background: #069;

}
.contactpart a:hover
{
	color: #f9f;
	background: #069;

}


.forumpart
{

	padding: 5px;
	color: #fff;
	background: #666;
	padding: 5px; /* v3, just for safety */
}


.forumpart a
{
	
	color: #fff;
	background: #666;

}
.forumpart a:hover
{
	color: #f9f;
	background: #666;

}

/* fin*/


#contacts {
	width: 100px ;
	line-height: 10px ;
	font: 1.1em "arial", helvetica, sans-serif ;
	color: #fff  ;
	background: #069;
	display: inline ;
	text-decoration: none ;
	text-align: justify;
}
#contacts h2 {
	text-align: left ;
	font: 2em "Trebuchet MS", helvetica, sans-serif ;
	color: #fff  ;
	background: #069;
	padding: 10px;
	margin: 10px 90px 0px 0px;
}

#contacts h3 {
	text-align: justify ;
	font: 1.5em "Trebuchet MS", helvetica, sans-serif ;
	color: #fff  ;
	background: #069;
	padding: 5px;
	margin: 20px 0px 5px 10px;
}
#contacts h4 {
	text-align: left ;
	font: 1em "Trebuchet MS", helvetica, sans-serif ;
	color: #fff  ;
	background: #069;
	padding: 5px;
	font-weight: bold ;
	margin: 10px 0px 0px 20px;
}

#contacts p {
	text-align: left ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	color: #000 ;
	background: #069;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}


/* plan du site middle 2 */

ul#middle2
{
	margin: 0 ;
	padding: 0 ;	
	list-style-type: none ;
}


ul#middle2 li
{
	float: left ;
	text-align: center ;
	margin: 5px 5px ;
	padding: 10px ;
	color: #fff  ;
	background: #39c;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#middle2 li a
{
	width: 700px ;
	line-height: 15px ;
	letter-spacing: 2px ;

	display: block ;
	text-decoration: none ;
}


#middle2 li h1 {
		text-align: left ;
	font: 1.3em "Trebuchet MS", helvetica, sans-serif ;
	}

#middle2 li h2 {
		text-align: center ;
	font: 1.1em "Trebuchet MS", helvetica, sans-serif ;
	font-weight: bold ;
	}

#middle2 li h3 {
		text-align: center ;
	font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
	font-weight: bold ;
	}



/* pied de page */

#bottom
{
	margin: 500px 0px 0px 0px ;
	padding: 10px ;
	line-height: 20px ;
	text-align:center;
	color: #fff ;
	background: #069;
	
}
#bottomnews
{
	margin: 0px 0px 0px 0px ;
	padding: 45px ;
	line-height: 20px ;
	text-align:center;
	color: #fff ;
	background: #636;
}
#bottomnews a
{
	color: #fff ;
	background: #636;
}
#bottomnews a:hover
{
	color: #fff ;
	background: #c6c;
}
#bottomphoto
{
	margin: 0px 0px 0px 0px ;
	padding: 10px ;
	line-height: 20px ;
	text-align:center;
	color: #fff ;
	background: #363;
}
#bottomphoto a
{
	color: #fff ;
	background: #363;
}
#bottomphoto a:hover
{
	color: #fff ;
	background: #6f6;
}
#bottomvideo
{
	margin: 0px 0px 0px 0px ;
	padding: 10px ;
	line-height: 20px ;
	text-align:center;
	color: #fff ;
	background: #930;
}
#bottomvideo a
{
	color: #fff ;
	background: #930;
}
#bottomvideo a:hover
{
	color: #fff ;
	background: #963;
}
#bottommatos
{
	margin: 0px 0px 0px 0px ;
	padding: 15px ;
	line-height: 20px ;
	text-align:center;
	color: #fff ;
	background: #600;
}
#bottommatos a
{
	color: #fff ;
	background: #600;
}
#bottommatos a:hover
{
	color: #fff ;
	background: #c30;
}
#bottomspot
{
	margin: 0px 0px 0px 0px ;
	padding: 15px ;
	line-height: 20px ;
	text-align:center;
	color: #fff ;
	background: #099;
}
#bottomspot a
{

	color: #fff ;
	background: #099;
}
#bottomspot a:hover
{

	color: #fff ;
	background: #6cc;
}
/* trucs en plus*/

#site h1 {
		text-align: left ;
	font: 1.8em "arial", helvetica, sans-serif ;
	}

#bold {    /* gras */
	font-weight: bold;
}
.b {    /* gras */
	font-weight: bold;
}

#s {    /* gras et italique pour la signature */
	font-weight: bold;
	font-style: italic;
}

/* image */
.g {
		display: block;
		padding: 10px;
		float: left; /* image a gauche */
}

.d {
		padding: 10px;
		float: right; /* image a droite*/
}
.dd {
		margin: 0px 50px 0px 50px ;
		padding: 0px;
		float: right; /* image a droite*/
}

.ph {
	margin: 0px 0px 0px 20px ;
	font: 1.2em "arial", helvetica, sans-serif ;
	padding: 5px ;
	line-height: 15px ;
	text-align:left;
	color: #fff ;
	background: #363;
	}
.ph a
{
	background: #363;
	}
.ph a:hover
{
	background: #363;
	}
.ph a:visited
{
	color: #000;
	}

#g {
		display: block;
		padding: 10px;
		float: left; /* image a gauche */
}

#d {
		padding: 10px;
		float: right; /* image a droite*/
}
/* effacer la couleur bleu autour des images liens*/
a img {border: 0;}


  /* liens */

 a {
  text-decoration: none;
  font-weight: normal;
  color:  #fff;
  background: #069;
  outline: none;
  }

a:hover {
  color: #f9c;
  background: #069;
  text-decoration: none;
  }
  
  /* spip configuration */
  
  /* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 20%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }