@charset "utf-8";
/* CSS Document */

body {
	background-image:url(/_images/body_bg.gif);
	background-position:top;
	background-repeat:repeat-y;
	background-color:#003867;
	margin: 0px;
}

img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
	padding-left:15px;
	padding-top: 10px;
	list-style-type: none;
}

li {
	margin: 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;		
}



/* HEADER */

#header {
	position: relative;
	margin: auto;
	width: 800px;
	background-position:top left;
	background-repeat:no-repeat;
	height: 358px;
}

#headeraccueil {
	position: relative;
	margin: auto;
	width: 800px;
	background-position:top left;
	background-repeat:no-repeat;
	height: 600px;
}

#menu {
 position: relative;
}

#promo {
 position: absolute;
 top: 70px;
 left: 300px;
}

#ombre {
	margin: auto;
	width: 800px;
	background-image:url(/_images/ombre.gif);
	background-repeat:repeat-x;
	background-position:top;
	height: 26px;
}

#intro {
 width: 225px;
 margin: 0 15px;
 float: left;
}

#cta {
 width: 520px;
 margin-right: 15px;
 float: right;
}

.cta {
 border: 3px solid #c7e0e9;
 padding: 15px;
 margin-bottom: 10px;
}

.cta h2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
 color: #207faa;
}

/* CONTENT */

#smenu {
	width: auto;
	margin: 15px;
	margin-bottom: 0px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #207faa;
	font-weight:normal;
}

#smenu2 {
	width: auto;
	margin-bottom: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #207faa;
	font-weight:normal;
}

#lesMois {
	width: auto;
	margin-left: 15px;
	clear: left;
	color: #207faa;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
}

#lesAnnees {
	margin-left: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
	margin-top: 5px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #207faa;
}


#content {
	width: 800px;
	margin: auto;
	padding-bottom: 10px;
}

#col {
	width: 475px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 10px;	
	float:left;
}

.marge {
  margin-left: 15px;
}

.marge2 {
  margin-left: 25px;
}

#colPhoto {
	width: 260px;
	float:left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
}

#col1 {
	width: 220px;
	margin: 15px;
	float:left;
	margin-bottom: 0px;
}

#col2 {
	width: 220px;
	margin: 15px;
	float:left;	
	margin-bottom: 0px;
}

#col3 {
	width: 220px;
	margin: 15px;
	float:left;
	margin-bottom: 0px;
}

#colAutre2 {
	margin: 15px;
	float:left;
	margin-bottom: 0px;
}

#colAutre {
	width: auto;
	margin: 15px;
	float:left;
	margin-bottom: 0px;
}

#colAutre ul{
	margin: 0px;
	padding-left: 0px;
}

#colAutre li{
	float:left;
	display:block;
	width: 175px;
	height: 119px;
	background-image:url(/_images/bg_photo.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding: 0px;
	list-style:none;
	padding-left: 3px;
	padding-top: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
}

#colAutre ul.checkboxlist, #colAutre ul.titresMedia, #colAutre ul.saisons {
 margin: 0;
 padding: 0;
}

#colAutre ul.checkboxlist li, #colAutre ul.titresMedia li, #colAutre ul.saisons li {
 	float: none;
	display: inline;
	width: auto;
	height: auto;
	background-image: none;
	list-style:none;
	padding: 0;
	margin: 0;
	position: relative;
}

#colAutre ul.titresMedia li {
 	display: block;
}

#colAutre ul.checkboxlist li span {
 	margin-left: 2px;
 	margin-right: 8px;
}

.bloc-saisons {
 border-bottom: 1px solid #999999;
 margin: 10px 0 20px 0;
 padding-bottom: 10px;
 overflow: auto;
}

.bloc-saisons h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
}

.saison h3 {
 border-bottom: 1px solid #207faa;
}

.saison h3.rouge {
 color: #e21a1a;
 border-bottom: 1px solid #e21a1a;
}

.saison p.rouge {
 color: #e21a1a;
}

#colAutre ul.saisons {
 float: left;
 width: 165px;
 margin-right: 15px;
}
.commentaire {
  border-bottom: 1px solid #999999;
  margin-bottom: 20px;
  margin-right: 15px;
  overflow: auto;
}

.commentaire img {
  float: right;
  border: 1px solid #999999;
  padding: 3px;
  margin: 0 0px 10px 10px;
}

.commentaire-texte {
  font-style: italic;
}

.commentaire-auteur {
  font-weight: bold;
}

.commentaire-date {
  color: #207faa;
}

/* FOOTER */

#footer {
	width: 800px;
	margin: auto;
	border-top-style:solid;
	border-top-width:13px;
	border-top-color:#bee8fa;
	clear:both;
}

#leftBox {
	width: 300px;
	float:left;
	padding-left: 20px;
	padding-top: 10px;
}

#rightBox {
	width: auto;
	float:right;
	padding-right: 10px;
	padding-top:10px;
	padding-bottom: 10px;
}


/* SECTION BATEAUX */

#colBat1 {
	width: 235px;
	margin: 15px;
	float:left;
	margin-bottom: 0px;
}

#colBat2 {
	width: 235px;
	margin: 15px;
	float:left;	
	margin-bottom: 0px;
}

#colBat3 {
	width: 235px;
	margin-left: 15px;
	margin-top: 15px;
	float:left;
	margin-bottom: 0px;
}

#tableau {
	width: 275px;
	float: right;
	margin-right: 15px;
	margin-bottom: 20px;
}

/* CALENDRIER */

.res_bleuTurquoise {
	background-color: #40B5C3;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFF;
	padding: 5px;	
}

.att_bleuTurquoise {
	background-image:url(/_images/calendrier/bg_bleuTurquoise.gif);
	background-position:top left;
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	padding: 5px;
	font-weight:bold;	
}

.res_mateo {
	background-color: #DFA5DD;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFF;
	padding: 5px;	
}

.att_mateo {
	background-image:url(/_images/calendrier/bg_mateo.gif);
	background-position:top left;
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	padding: 5px;
	font-weight:bold;	
}

.res_volauvent {
	background-color: #fcc796;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFF;
	padding: 5px;	
}

.att_volauvent {
	background-image:url(/_images/calendrier/bg_volauvent.gif);
	background-position:top left;
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	padding: 5px;
	font-weight:bold;	
}

.att {
	background-color:#d2d2d2;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	padding: 5px;
	font-weight:bold;	
}

.libre {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	padding: 5px;
	font-weight:bold;	
}

.calendrier_jour {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#888888;
	padding: 5px;
}

.fondorange {
 background-color: #f4990b;
}