* {margin: 0; padding: 0;}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {
	font-family: "trebuchet MS", Arial, Verdana, sans-serif;
	text-align: center;
	background: #00486E url(http://www.cnpornic.com/templatesMedias/images/bgBody.jpg) repeat-x;
	color: #00496E;}

#allContent {
	width: 780px;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;}

a {text-decoration: none; color: #cc0000;}

table,
.tableResultats {border-collapse: collapse; margin-bottom: 10px;}
table td, 
table th {
	padding: 2px;
	border: 1px #88AABB solid;}
	
table th {background-color: #E6F2F9;}
 
.tableResultats th,
.tableResultats td {
 		border: 0; padding: 4px 2px;
 		background: transparent url(http://www.cnpornic.com/templatesMedias/images/filetTitre.gif) no-repeat left bottom;}
	
.lnkResults {
		height: 10px; position: relative; clear: both; 
		background: transparent url(http://www.cnpornic.com/templatesMedias/images/filetTitre.gif) no-repeat left bottom; 
		padding-bottom: 5px;}
.lnkResults a {
	position: absolute; right: 0; top: 0;
	display: block; padding-left: 10px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/flecheBleue.gif) no-repeat 0 3px;}
	
/***********************************************************************************/
/*																		   en tete */
/***********************************************************************************/
#enTete {
	width: 780px; height: 146px;
	/*background: transparent url(http://www.cnpornic.com/templatesMedias/images/bgEntete.jpg) no-repeat;*/
	position: relative;
}
#enTete #logo {position: absolute; left: 15px; top: 24px;}
#enTete h4 {
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/slogan.gif) no-repeat;
	position: absolute; left: 54px; top: 94px;
	width: 198px; height: 19px;}
#enTete h4 span {display: none;}

#zoneIframe {
	position: absolute; left: 466px; top: 0;
	width: 315px; height: 70px;
	padding-left: 1px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/filetProchaineRegate.gif) no-repeat;}

#menuNavigation {position: absolute; left: 5px; bottom: 0; width: 602px;}
#menuNavigation ul li {float: left;}
#menuNavigation ul li a {
	display: block; height: 27px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/slogan.gif) no-repeat;}

#menuNavigation ul li a span {display: none;}

#menuNavigation ul li#btnA a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/btnA.gif) no-repeat; width: 88px;}
#menuNavigation ul li#btnB a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/btnB.gif) no-repeat; width: 152px;}
#menuNavigation ul li#btnD a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/btnD.gif) no-repeat; width: 112px;}
#menuNavigation ul li#btnE a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/btnE.gif) no-repeat; width: 115px;}
#menuNavigation ul li#btnF a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/btnF.gif) no-repeat; width: 135px;}

/***********************************************************************************/
/*																		   content */
/***********************************************************************************/


#content {
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/bgContent.gif) repeat-y;
	/*position: relative;*/
   width: 780px;
	font-size: 11px;}

#mainContent, #colonne {float: left;}

#mainContent {
	width: 547px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/bgTitre.gif) no-repeat;
	padding: 0 30px 0 30px;}

#mainContent #titre {
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/filetTitre.gif) no-repeat left bottom;
	position: relative;
	padding-top: 10px;
	margin-bottom: 15px;}
#mainContent #titre h1 {
	font-size: 24px;
	padding-top: 45px;}
#mainContent #titre h3 {
	text-transform: uppercase;
	color: #cc0000;
	font-size: 14px;
	text-align: right;
	position: absolute; right: 0; top: 15px;}

/****************** Sous menus */

.menu ul {list-style: none;}

#mainContent #titre ul {
	position: absolute; right: 0; bottom: 3px;
	list-style: none;
	width: 340px;}
#mainContent #titre ul li {
	float: left;
	width: 72px;
	margin-right: 5px;
   line-height: 12px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/flecheBleue.gif) no-repeat 0 4px;
	padding-left: 8px;}
#mainContent #titre ul li a {
	color: #cc0000; 
	font-size: 10px; 
	font-weight: bold;}
#mainContent #titre ul ul {display: none;}

#pageCompetitions #titre ul {width: 250px;}
#pageCompetitions #titre ul li {width: 110px;}

#pageStructure #titre ul {width: 350px;}
#pageStructure #titre ul li {width: auto; margin-left: 10px;}

.petittexte {font-size: 10px;}


#texte img {float: left; margin: 0 10px 10px 0; padding: 2px; background-color: #fff; border: 1px #88AABB solid;}
#texte table img {float: none; margin: 0; padding: 0; border: 0;}
#texte table#bureau img {float: left; margin-top: 5px;}

#mainContent p {margin-bottom: 10px;}
#mainContent h3 {color: #cc0000; font-size: 14px; margin-bottom: 10px;}
#mainContent h4 {color: #0071BC; font-size: 12px; margin-bottom: 10px;}
#mainContent ul {list-style-position: inside; margin-bottom: 10px;}

.visuelDroite {
	float: right; 
	background-color: #fff;
	padding: 2px; 
	border: 1px #3D97C4 solid;
	margin: 0 0 10px 15px;}
.titreEnValeur {
	font-size: 12px;
	font-weight: bold;
	color: #012031;
	margin: 5px 0 0 0;
	display: block;}

ul.download {
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/filetDownload.gif) repeat-y 0 2px;
	float: left; padding-left: 10px;
	list-style: none;
	margin-bottom: 15px;}
ul.download li a {
	color: #00496E;
	font-weight: bold;
	font-size: 10px;
	padding-left: 10px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/pictoDownload.gif) no-repeat 0 2px;}
ul.download li a:hover {text-decoration: underline;}

#pageCompetitions ul.download,
ul.i14 {width: 150px;}
ul.i14 {float: left;}

.colonne {width: 360px; float: left;}
.col {width: 150px; float: left;}

ul.comite {list-style: none;}
ul.comite li {float: left; width: 50%; padding-bottom: 10px;}

#sousLiens {margin: 0 0 20px 0; width: 370px; float: left;}
#sousLiens li {float: left; width: 170px; padding-right: 15px;}
#sousLiens li a {
	color: #cc0000; 
	font-size: 10px;
	font-weight: bold;
	padding-left: 8px;
	line-height: 12px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/flecheBleue.gif) no-repeat 0 2px;}
#sousLiens li a:hover {background-color: #C5E4F6}

#colonne {
	padding-top: 120px;
	width: 173px;}

#menuSecondaire {
	width: 163px;
	margin-bottom: 15px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/bgMenuSecondaire.gif) no-repeat;
	position: absolute; right: 10px; top: 100px;
	z-index: 5;}
#menuSecondaire ul {padding-top: 5px;}
#menuSecondaire ul li {background: transparent url(http://www.cnpornic.com/templatesMedias/images/filetMenuSecondaire.gif) no-repeat bottom; text-align: left;}
#menuSecondaire ul li a {
	font-size: 12px;
	display: block;
	padding: 2px 0 2px 5px;
	margin-left: 12px;
	font-weight: bold;
	color: #00496E;}
#menuSecondaire ul li#btn01 a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/picto01.gif) no-repeat 0 4px;}
#menuSecondaire ul li#btn02 a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/picto02.gif) no-repeat 0 4px;}
#menuSecondaire ul li#btn03 a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/picto03.gif) no-repeat 0 6px;}
#menuSecondaire ul li#btn04 a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/picto04.gif) no-repeat 0 4px;}
#menuSecondaire ul li#btn05 a {background: transparent url(http://www.cnpornic.com/templatesMedias/images/picto05.gif) no-repeat 0 8px;}

#competAVenir {
	width: 158px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/competBas.gif) no-repeat bottom;
	padding-bottom: 5px;
	margin-bottom: 15px;}
#competAVenir h3 {
	width: 158px; height: 27px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/competHaut.gif) no-repeat;}
#competAVenir h3 span {display: none;}
#competAVenir .contentBloc {background: transparent url(http://www.cnpornic.com/templatesMedias/images/competBg.gif) repeat-y; padding: 5px 10px; font-size: 12px;}
#competAVenir img {border: 0; float: left; margin: 0 8px 8px 0;}
#competAVenir ul {list-style: none;}
#competAVenir ul li {border-top: 1px #A4D1E7 solid; text-align: center;}
#competAVenir ul li a img {border: 0; margin: 10px 0 10px 0;}

#lastMinute {
	width: 158px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/lastMinuteBas.gif) no-repeat bottom;
	padding-bottom: 5px;
	margin-bottom: 10px;}
#lastMinute h3 {
	width: 158px; height: 27px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/lastMinuteHaut.gif) no-repeat;}
#lastMinute h3 span {display: none;}
#lastMinute .contentBloc {
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/lastMinuteBg.gif) repeat-y; 
	padding: 5px 10px;
	 font-size: 12px;
	 }
#lastMinute ul {list-style: none;}
#lastMinute ul li {padding: 5px 10px 5px 10px;}
#lastMinute ul li h4 {
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/flecheRouge.gif) no-repeat 0 1px;
	padding-left: 15px;
	margin-bottom: 3px;}
#lastMinute ul li a {color: #cc0000;}

/***********************************************************************************/
/*																	    actualités */
/***********************************************************************************/

.btnRetour {
	display: block;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/flecheRetour.gif) no-repeat 0 5px;
	float: right;
	padding-left: 10px;}

.actu {
	margin-bottom: 10px; padding-bottom: 5px;
	border-bottom: 1px #A4D1E7 solid;font-size: 13px; font-weight:bold;}
.actu .date {margin-bottom: 0 !important; font-size: 10px;}
.actu h2 {font-size: 16px; color: #cc0000; margin-bottom: 5px;}
.actu .suite {
	display: block;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/flecheBleue.gif) no-repeat 465px 5px;
	font-weight: bold;
	padding-left: 10px;
	text-align: right;font-size: 13px; font-weight:bold;}

#pagination {position: relative; text-align: center; width: 547px;font-size: 13px; font-weight:bold;}
#pagination .precedent {
	position: absolute; left: 0; top: 0; 
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/flecheRetour.gif) no-repeat 0 3px;
	padding-left: 10px;font-size: 13px; font-weight:bold;}
#pagination .suivant {
	position: absolute; right: 0; top: 0; 
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/flecheRougePetite.gif) no-repeat 60px 3px;
	padding-right: 10px;font-size: 13px; font-weight:bold;}

/***********************************************************************************/
/*																		    footer */
/***********************************************************************************/
#footer {
	width: 780px; height: 47px;
	position: relative;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/bgPied.gif) no-repeat;}
#footer #menuFooter {position: absolute; left: 15px; top: 24px;}
#footer #menuFooter ul {
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/filetMenuFooter.gif) no-repeat right;
	height: 7px;}
#footer #menuFooter ul ul {display: none !important;}
#footer #menuFooter ul li {
	float: left;
	height: 7px; line-height: 7px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/filetMenuFooter.gif) no-repeat;}
#footer #menuFooter ul li a {
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 0 8px;
	color: #5F5C46;}

/***********************************************************************************/
/*															      Prochaine régate */
/***********************************************************************************/

#prochaineRegate {
	width: 314px; height: 70px; 
	position: absolute; right: 0; top: 0;
	padding-left: 10px;
	font-size: 11px;
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/filetProchaineRegate.gif) no-repeat;}
#prochaineRegate h2 {
	background: transparent url(http://www.cnpornic.com/templatesMedias/images/titreProchaineRegate.gif) no-repeat;
	width: 143px; height: 22px;}
#prochaineRegate h2 span {display: none;}
#prochaineRegate .date,
#prochaineRegate .date p{font-weight: bold; color: #cc0000; margin-bottom: 3px !important;}
#prochaineRegate .regate,
#prochaineRegate .regate p {font-weight: bold; color: #fff; margin-bottom: 3px !important;}
#prochaineRegate a {color: #fff;}

#equipeOptimist {list-style: none;}
#equipeOptimist li {height: 110px; width: 50%; float: left; padding-bottom: 10px;}
#equipeOptimist li img {border: 0; padding: 0; margin: 3px 2px 0 0;}

.visuel {
	float: left; 
	background-color: #fff !important;
	padding: 2px !important; 
	border: 1px #3D97C4 solid !important;
	margin: 0 15px 10px 0 !important;}