@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:100%;
	margin:0;
	outline-style:none;
	outline-width:0;
	padding:0;
}


/* ####################################### */
/*		           Structure               */
/* ####################################### */

body {
	background-color:#005ea8;
	font-family: Arial, Helvetica, sans-serif;
} 
#page {
	background:transparent url(/design/images/page.jpg) no-repeat scroll center top;
}
#contour {
	width:980px;
	background:#FFFFFF none repeat scroll 0 0;
	left:0;
	margin:0 auto 0;
	overflow:hidden;
	padding:0;
	position:relative;
	top:0;
}
#conteneur {
	background:#FFF!important;
	padding:0 70px;
	overflow:auto;
	min-height:400px;
}
#colGauche {
	border-left: 1px solid #CECECE;
    float: left;
    margin-left: 27px;
    padding-left: 27px;
    width: 249px;
}
#colDroite {
	float:left;
	width:535px;
}



/* ####################################### */
/*				 	HEADER                 */
/* ####################################### */

#header img {
	height:183px;
	float:left;
	background-color:#005ea8;
}
/* accueil */
#menuBottom {
	width:980px;
	overflow:hidden;
	position:relative;
}
#menuBottom img {
	float:left;
}
#menuBottom h1 {
	color: #0F3765;
    font-family: arial;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    right: 28px;
    top: 209px;
}


/* ####################################### */
/*		          Navigation               */
/* ####################################### */


#nav {
    margin:0;
    padding:0;
    list-style:none;
    height:24px;
    background:#249BD2;
    clear:both;
}  
#nav li {
	background: none repeat scroll 0 0 #FFFFFF;
	display: block;
	float: left;
	margin: 0;
	position: relative;
	z-index: 500;
}

/* Main menu */
#nav li a:link,
#nav li a:visited {
	color: #0F3765;
	display: block;
	font-family: 'Terminal Dosis',sans-serif;
	font-size: 13px;
	height: 20px;
	padding: 4px 11px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;		    
}
#nav li a:hover {
    background:#0F3765;
    color:#ffffff;
}
#nav li.selection {
	background:#0F3765;
}
#nav li.selection a:link,
#nav li.selection a:visited {
	color:#ffffff;
}
 
/* Second menu */      
#nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0 0 0 0;
	padding:5px 0 0 0;
	list-style:none;
	background:#0F3765;
	-webkit-box-shadow: 0px 5px 5px #aaa;
	-moz-box-shadow: 0px 5px 5px #aaa; 
	box-shadow: 0px 5px 5px #aaa;
	width:140px;
}
#nav ul li {
	width:140px;
	float:left;
}
#nav ul li a:link,
#nav ul li a:visited {
	height:auto;
	text-transform: none;
	line-height:12px;
	text-align:left;
	padding:8px 8px 8px 11px;
	border-top:1px solid #f1f1f1;
	background:#0F3765;
	color:#ffffff;
}
#nav ul li a:hover {
	background:#ffffff;
	color:#0F3765!important;
	  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.1s ease-out;  /* FF4+ */
      -ms-transition: all 0.1s ease-out;  /* IE10? */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
          transition: all 0.1s ease-out;  	
}
#nav ul li.first a:link {
 	border:none;	
}
/* old menu */ 
#tetiere img {
	float:left;	`
}
  
/* partie bleu */
#nav li.service a:link,
#nav li.service a:visited {
 	color: #ffffff;
}
#nav li.service {
	background: #0F3765;
}
#nav li.service.selection {
	background:#ffffff;
}
#nav li.service.selection a:link,
#nav li.service.selection a:visited {
	color:#0F3765;
}
#nav li.service a:hover {
    background:#ffffff;
    color:#0F3765;
}
#nav li.service ul {
	background:#ffffff;	
} 
#nav li.service ul li a:link,
#nav li.service ul li a:visited {
	color:#0F3765;
	background:#ffffff;
}
#nav li.service ul li a:hover {
	color:#ffffff!important;
	background:#0F3765;	
}


/* espace presse */

#nav li.espace-presse a:link,
#nav li.espace-presse a:visited {
 	color: #ffffff;
}
#nav li.espace-presse  {
	background: #249bd2;
}
#nav li.espace-presse.selection {
	background:#ffffff;
}
#nav li.espace-presse .selection a:link,
#nav li.espace-presse .selection a:visited {
	color:#249bd2;
}
#nav li.espace-presse  a:hover {
    background:#ffffff;
    color:#249bd2;
}


/* ####################################### */
/*					Footer                 */
/* ####################################### */

#piedDePage {
	background: url(/design/images/accueil/piedDePage.jpg) no-repeat scroll left top;
	height:108px;
	width:980px;
	overflow:auto;
	padding-top:20px
}
#piedDePage .partenaires{
	font-weight: 200;
	color: #FFF;
	font-size: 12px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	line-height:15px;
}
#logoOFblanc {
	background:url(/design/images/logoOFblanc.png) no-repeat scroll left top;
	height:37px;
	width:129px;
	float:right;
	margin-right: 20px;
	cursor:pointer;
}
#logoVoilesEtVoiliers {
	background:url(/design/images/voilesEtVoiliers.png) no-repeat scroll left top;
	height:49px;
	width:113px;
	float:right;
	margin-right: 20px;
}
#inLineBas ul {
	width:500px;
	float:left;
	margin-top: 20px;
}
#inLineBas ul li {
	border-right:1px solid #FFF;
	color:#FFF;
	font-size:12px;
	padding-right:20px;
	padding-left: 20px;
	width:auto;
	display:inline;
}
#inLineBas a:link,
#inLineBas a:visited {
	color:#FFF;
	text-decoration:none;
}
#inLineBas a:hover {
	text-decoration:underline;	
}



/* ####################################### */
/*		         Common divers             */
/* ####################################### */

.titre-rub-une {
	font-size: 11px;
    margin-bottom: 20px;
}
.titre-rub-une a:link,
.titre-rub-une a:visited {
	color:#333333;
	text-decoration:none;
}
.titre-rub-une a:hover {
	text-decoration:underline;	
}
.titre-rub-une h1 {
	font-size:11px;
	display:inline;
}



/* ####################################### */
/*		           Accueil              */
/* ####################################### */

#conteneurAccueil {
	padding:0 25px;
	min-height:300px;
	overflow:hidden;
	margin:30px 0 20px;
}
#col1 {
	float:left;
	width:220px;
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid #cecece;
}
#col2 {
	float:left;
	width:220px;
	padding-right:20px;
}
#col3 {
	float:left;
	width:210px;
	margin-right:20px;
}
#col4 {
	float:left;
	width:195px;
}
.barre-accueil {
	background: url("/design/images/accueil/top-home.jpg") no-repeat scroll 0 0 transparent;
	-webkit-box-shadow: 0px 5px 9px #c5c5c5;
    -moz-box-shadow: 0px 5px 9px #c5c5c5;
    box-shadow: 0px 5px 9px #c5c5c5;
    width:980px;
    height:230px;
    display:block;
    overflow:hidden;  
}

/* Col3. Programme, inscription  */

#blc-col3-accueil {
	background-color:#daebf8;
	margin-bottom:20px;
	padding-bottom: 47px;
	height:386px;
}
#blc-col3-accueil h2 {
	padding: 15px 0 6px 20px;
	color: #0F3765;
    font-family: 'Terminal Dosis',sans-serif;
    font-size: 20px;
    font-weight: bold;
}
#blc-col3-accueil ul {
	list-style-type: none;
	padding:0 0 10px 20px;
}
#blc-col3-accueil ul li {
	background: url("/design/images/pictos/puce.gif") no-repeat scroll 0 10px transparent;
    padding-left: 11px;
}
#blc-col3-accueil a:link,
#blc-col3-accueil a:visited {
	font-size:14px;
	line-height:18px;
	color: #666;
	text-decoration: none;
	font-weight:normal;
}
#blc-col3-accueil a:hover {
	color: #00579E;
}
#blc-col3-accueil .bloc2 .contenu {
	padding:0 20px 0 20px;	
}
#blc-col3-accueil .bloc2 h3 {
	background: url("/design/images/pictos/puce.gif") no-repeat scroll 0 10px transparent;
	padding-left: 11px;
}
#blc-col3-accueil h4 {
	font-size:11px;
	line-height:13px;
	font-weight: normal;
	padding-top:2px;
	color: #999999;
	display:block;
}

/* Col4. Galeries Photo, Vidéo s*/

/* Common */
.vignetteAccueil {
	padding:15px;
}
.vignetteAccueil h2 {
	color: #FFFFFF;
    font-family: 'Terminal Dosis',sans-serif;
    font-size: 24px;
    margin-bottom: 5px;
}
.vignetteAccueil a:link,
.vignetteAccueil a:visited {
	color: #FFFFFF;
    font-size: 12px;
    text-decoration:none;
    font-weight:normal;	
}
.vignetteAccueil .contenu img {
	margin-bottom:4px;
    cursor:pointer;
}
.vignetteAccueil .contenu img:hover {
	box-shadow: 0 0 10px #333333;
  	-webkit-box-shadow: 0px 0px 10px #ffffff;
    -moz-box-shadow: 0px 0px 10px #ffffff;
    box-shadow: 0px 0px 10px #ffffff;
      -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;  
}


/* Bloc photo */
#blocPhoto {
	background-color: #00579e;
	margin-bottom:10px;
}
#premierePhoto img{
	width: 164px;
	padding-top:5px;
	padding-bottom:4px;
}
#blocPhoto .lienPlus a:link,
#blocPhoto .lienPlus a:visited {
	font-size:12px;
	color: #FFF;
	text-decoration: none;
	font-weight: 400;
}
.lienPlus {
	padding-top:4px;
}

/*Bloc video*/
#blocVideoAccueil {
	background-color: #e2001a;
}



/* ####################################### */
/*		           CSS actu                */
/* ####################################### */

/* Common */

a.tousLesArticles:link,
a.tousLesArticles:visited{
	color: #0F3765;
	font-size: 11px;
	text-decoration: none;
	margin-top:10px;
	text-align: right;
	display: block;
}
a.tousLesArticles:hover {
	text-decoration:underline;	
}
.actu {
	border-bottom: 1px solid #CECECE;
    margin-bottom: 10px;
    padding-bottom:10px;
    overflow: hidden;
}
.titreRub,
.actu .titre {
	font-size:25px;
	color:#0F3765;
	margin-bottom:13px;
	font-weight:bold;
	font-family: 'Terminal Dosis',sans-serif;
}
.actu .date {
	color: #CC0000;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 4px;
}
.actu .article {
    margin-bottom: 20px;
    overflow: hidden;
}
a.lienAll:link,
a.lienAll:visited {
	color:#0F3765;
	font-weight:bold;
	font-size:12px;
	display:block;
	margin-top:6px;
	text-decoration:none;
}
.actu a.lienAll:hover {
	color:#00679e;
	text-decoration:underline;
}
.actu .article img{
	float:left;
	padding:0 10px 0 0;
}
.actu p.extrait {
	color: #666666;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
}
.backtotop {
	background: url("/design/images/pictos/backtotop.png") no-repeat scroll right 0 transparent;
    color: #0F3765;
    cursor: pointer;
    display: block;
    font-size: 11px;
    margin-top: 10px;
    padding-right: 18px;
    text-align: right;
    text-decoration: none;
    height: 13px;
}
.backtotop:hover {
	text-decoration:underline;
}

/* Bloc article en Une */

.actu h2 a:link,
.actu h2 a:visited {
	color: #333333;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
}
.actu h2 a:hover {
	color:#00579E;	
}
/* / Bloc article en Une */




/* Page actu détail */
.blc_actu_detail {
	margin-bottom:50px;	
}
.blc_actu_detail .actu .article {
	border-bottom: 1px dotted #DEDEDE;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}
#detailArticle {
	background: url("/design/images/pictos/bottom.png") no-repeat scroll 0 bottom transparent;
    color: #333333;
    padding-bottom: 50px;
}
#detailArticle h1 {
	font-size:25px;
	margin-bottom:4px;
}
#detailArticle .date {
	color: #CC0000;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 4px;
}
#detailArticle ul{
	list-style: none outside none;
}
#detailArticle .chapeau {
	border-left: 4px solid #666666;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 20px;
    padding-left: 12px;
}
#detailArticle .texte {
	font-size: 13px;
    line-height: 20px;
    margin: 20px 0 15px;
}
#detailArticle .auteur {
	text-align:right;
	font-size:13px;
	font-weight:bold;
	margin-bottom:30px;
}
#detailArticle .photo img {
	margin-bottom:5px;
}
#detailArticle .legende {
	color: #666666;
    font-size: 12px;
    line-height: 14px;
}
#detailArticle p {
	margin-bottom:10px;
}
.facebook-like {
	margin-bottom:20px;
}


/*Styles liens*/
.aLienPlus:link,
.aLienPlus:visited {
	color: #0F3765;
	font-size: 12px;
	font-weight: 600;
}





/* ####################################### */
/*              Avis de course             */
/* ####################################### */


/* structure page */
#avisDeCourse {
	width:840px;
	margin:15px 0 25px 0;
	padding:0;
	overflow:hidden;
}
#avisDeCourse .left {
	float: left;
    width: 535px;
}
#avisDeCourse .right {
	border-left: 1px solid #CECECE;
    float: left;
    margin-left: 27px;
    padding-left: 27px;
    width: 249px;
}

/* pdf */
#avisDeCourse .pdf {
	float: right;
    margin-bottom:10px;
}
#avisDeCourse .pdf a:link,
#avisDeCourse .pdf a:visited {
	background: url("/design/images/pictos/pdf.png") no-repeat scroll 5px 50% #f1f1f1;
    color: #0F3765;
    display: block;
    font-size: 12px;
    padding: 20px 10px 15px 52px;
    text-decoration: none;
    font-weight:bold;
    border:1px solid #f1f1f1;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#avisDeCourse .pdf a:hover {
	border:1px solid #cecece;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color:#333333;  
	background: url("/design/images/pictos/pdf.png") no-repeat scroll 5px 50% #e8e8e8;
}

/* Part */
#avisDeCourse .part {
	display:block;
	overflow:hidden;
	clear:both;	
	margin-bottom:25px;
	font-size:13px;
	line-height:17px;
	color:#333333;
}
#avisDeCourse .part ol {
	list-style-type: decimal;
	padding-left:24px;
}
#avisDeCourse .part ol li {
	list-style-type: decimal;
    margin-bottom: 5px;
}
#avisDeCourse .part ol.lettre {
	list-style-type: lower-alpha;
}
#avisDeCourse .part ol.lettre li  {
	list-style-type: lower-alpha;
	margin:5px 0 0 0;
}
#avisDeCourse .part ol.point {
	list-style-type: disc
}
#avisDeCourse .part ol.point li  {
	list-style-type: disc;
}
#avisDeCourse .part h2 {
	font-size:16px;
	margin-bottom:8px;
	color:#CC0000;
}
#avisDeCourse .part a:link,
#avisDeCourse .part a:visited {
	color:#0F3765;
}
#avisDeCourse .part p {
	margin:5px 0 0 0;	
} 

/* Visuels */

#avisDeCourse .right img {
	margin: 0 0 15px;
	-webkit-box-shadow: 0px 1px 5px #cecece; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 1px 5px #cecece; /* FF3.5 - 3.6 */
    box-shadow: 0px 1px 5px #cecece;
}
	
	
	
	
/* ####################################### */
/*                 Contacts                */
/* ####################################### */	

#contacts {
	background-color: #FFFFFF;
    margin: 0 0 40px;
    width: 840px;
}
#contacts #bandeauOrange  {
	height: 49px;
	width: 723px;
	background: url(/design/images/contacts/BandeauOrange.gif) no-repeat;
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	padding: 12px 0 0 116px;
	margin: 20px 0 0 0;
}
#contacts .contact {
	overflow:hidden;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #cecece;	
}
#contacts img {
	float:left;	
}
#contacts h2 {
	color: #0F3765;
    font-size: 18px;
    font-weight: bold;
}
#contacts ul, 
#contacts ul strong {
	list-style: none outside none;
	color: #333333;
	font-size:14px;
}
#contacts ul li a:link,
#contacts ul li a:visited {
	color:#0F3765;
	text-decoration:none;	
}
#contacts ul li a:hover{
	color: #F30;
}
#contacts .der {
	border:none;
	margin:0;
	padding:0;	
}



/* ####################################### */
/*                Programme                */
/* ####################################### */

#programme {
	background-color: #FFF ;
	width: 840px;
}
#programme #prog {
	padding: 0px;
	width: 840px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background-image: url(/design/images/programme/filetsBlancs.gif);
}
#programme .cprog {
	width: 148px;
	border-left-style: none;
	padding: 10px;
	font-size: 11px;
	text-align: center;
	float: left;
	height: 100%;
	margin: 0;
}
#programme h3 {
	font-size: 13px;
	color: #FFF;
	font-weight:bold;
}
#programme .colonneHoraires {
	height: 50px;
	width: 48px;
	float: left;
}
#programme hr {
	border-color: #FFF;
	background-color: #FFF;
	height: 1px;
	padding: 0px;
	border-width: 1px 0 0 0;
	border-style: solid;
	clear: both;
	margin: 5px 0;
}
#programme #notaBene {
	font-size: 11px;
	margin-bottom: 40px;
}
.prix {
	color:#CC0000;
	border:1px solid #solid;
	padding:5px;
	margin:5px 0 0 0;
	font-weight:bold;
}
.prix img {
	margin:5px 0 0 0;
}



/* ####################################### */
/*               Plan du site              */
/* ####################################### */

#sitemap {
	margin-bottom:50px;
}
#sitemap ul{
	 list-style: none outside none;
}
#sitemap ul li{
	margin-bottom:15px;	
}
#sitemap ul li h2{
	font-size:17px;
	color:#00579E;
	text-decoration:none;
	margin-bottom:5px;	
}
#sitemap ul li h2 a:link,
#sitemap ul li h2 a:visited {
	font-size:17px;
	color:#00579E;
	text-decoration:none;
}
#sitemap ul li h2 a:hover {
	color:#000000;	
}
#sitemap ul li h3 a:link,
#sitemap ul li h3 a:visited {
	font-size:13px;
	color:#249BD2;
	text-decoration:none;
}
#sitemap ul li h3 a:hover {
	text-decoration:underline;	
}
#sitemap ul li ul li {
	margin-bottom: 5px;
    padding-left: 30px;
}




/* ####################################### */
/*               parcours              */
/* ####################################### */

#parcours {
	margin-bottom: 25px;
	overflow:hidden;
}



/* ####################################### */
/*		        Partenaires                */
/* ####################################### */

#partenaires {
	width: 840px;
	margin:10px 0 25px 0;
}
#partenaires ul {
	word-spacing: 99px;
	text-align: center;
	overflow:hidden;
}
#partenaires ul li {
	display: inline;
}
#partenaires ul.part {
	border-top:1px solid #cecece;
	margin-top:10px;
	padding-top:10px;
}
#partenaires ul.part li {
	float: left;
	list-style-type: none;
	width: 140px;
	text-align: center;
	vertical-align: 50%;
}






/* ####################################### */
/*		           Diaporama               */
/* ####################################### */

#fondDiaporama {
	background-color: #0f3567;
	width: 530px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#TitreArchives {
	width: 220px;
	margin-left: 30px;
	margin-top: 200px;
}
#ArchivesSPI {
	font-size: 22px;
	color: #0f3567;
}
.ListeGaleries {
	color: #0f3567;
	text-decoration: none;
	display: block;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 13px;
}
a.ListeGaleries:link,
a.ListeGaleries:visited {
	color: #369;
	text-decoration: none;	
}
a.ListeGaleries:hover {
	color: #F60;
}
#divTest {
	background-color: #0F3;
}
#BTTitle {
	color: #0f3567;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#Droits2010 {
	color: #9CA0AA;
	text-align: right;
	font-size: 10px;
	display: block;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#OFTitle {
	color: #0f3567;
}




/* ####################################### */
/*		            Goodies                */
/* ####################################### */

#goodies {
}
#goodies h2{
	font-size: 16px;
	color: #0f3765;
	font-weight: 300;
	margin-bottom:20px;
}
#goodies .vignette{
	float:left;
	width: 256px;
	height: 280px;
	padding-left: 18px;
}
.creditPhoto{
	font-size: 10px;
	color: #0f3765;
	text-align: right;
	margin-top: 6px;
}


/* ####################################### */
/*		         Espace Presse             */
/* ####################################### */

#espacePresse {
	margin: 0 0 25px 0;
	overflow:auto;
}
#espacePresse .grosTitre {
	font-size: 18px;
	margin: 0 0 20px 0;
	color:#0F3765;
}
#espacePresse .titre {
	font-size: 14px;
	margin: 16px 0 16px 0;
	color:#0F3765;
}
#espacePresse .ligne span {
	color:red;
}
#espacePresse em {
	font-size:10px;
	line-height:11px;
	margin-top:8px;
	display:block;
}
#espacePresse .jour span{
	margin-bottom: 10px;
	font-size: 12px;
}
#espacePresse .ligne label {
	float: left;
	width: 200px;
}
#espacePresse .ligne input {
	margin: 0 0 5px 0;
	height:10px;
}
#espacePresse.ligne, .jour {
	margin-bottom:6px;
	font-size: 12px;
	line-height: 15px;
}
#espacePresse .ligne textarea {
	margin:10px 0 0 0;
}
#espacePresse .btn {
	background-color:#0f3765;
	color:white;
	padding:0px;
	text-align:center;
	width:80px;
	margin: 20px 0 0;
	padding:2px 10px;
	cursor:pointer;
	font-size: 13px;
	font-weight:bold;
	float:right;
}