@import url("right.css");
@import url("left.css");
#main {
	background-color: #ffffff;
	margin-right: 5px;
	width: 940px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	border:1px solid gray;
}
#main2 {
	background-color: #ffffff;
	margin-right: 0px;
	width: 940px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	border:1px solid gray;
}
body 
 {
	background-color: whitesmoke;
	/*background-image: url(../../images/fondnew.gif);*/
	margin-bottom: 15px;
	margin-top:0;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align:center;
 }
td 
 {
	font-family: Arial, sans-serif;
	font-size: 10px;
 }
form 
 {
	margin:0;
 }
input 
 {
	font-size:11px;
	border:1px solid gray;
 }
select 
 {
	font-size:11px;
	border:1px solid gray;
 }
textarea 
 {
	font-family:arial,sans-serif;
	font-size:11px;
	border:1px solid gray;
	padding:3px;
 }
input.light 
 {
	background-color:whitesmoke;
 }
.fleche 
 {
	background-color:#FFCC26;
 }
a 
 {
	color:#000000;
	text-decoration:none;
 }
a:hover 
 {
	/*color:#B8171D;*/
	color:gray;
 }
a img 
 {
	border:0;
 }
#tabp 
 {
	background-color: #ffffff;
	margin-right: 0px;
	/*width: 900px;*/
	font-family: Arial, sans-serif;
	font-size: 10px;
	/*border:1px solid gray;*/
 }
#top {
	border: 1px solid gray;
	/*border-bottom:1px solid gray;*/
	padding: 16px 16px 8px 8px;
	/*background-color:#DFE1E0;*/
}
#nav 
 {
  background-color:white;
 }
#smenu 
 {
  background-color:#ffffff;
 }
#nav td {
		/*display:inline;*/
		font-size:12px;
		font-family:verdana,arial,sans-serif;
		/*position:relative;*/
	}
#nav td a 
 {
		padding:0px 50px 0px 50px;
		/*border-right:1px solid gray;*/
		color:white;
 }
#nav td a#maccueil 
 {
		border:2px solid gray;
		background-color:#0000cc;
		padding:0px 50px 0px 50px;
 }
#nav td a#maccueil:hover 
 {
		background-color:#ffccff;
		color:black;
 }
#nav td a#mactu
 {
		border:2px solid gray;
		background-color:#993333;
		padding:0px 50px 0px 50px;
 }
#nav td a#mactu:hover
 {
		background-color:#ffccff;
		color:black;
 }
#nav td a#mvakala
 {
		border:2px solid gray;
		background-color:#ff6600;
		padding:0px 50px 0px 50px;
 }
#nav td a#mvakala:hover
 {
		background-color:#ffccff;
		color:black;
 }
#nav td a#mcontact
 {
		border:2px solid gray;
		background-color:#006633;
		padding:0px 50px 0px 50px;
 }
#nav td a#mcontact:hover
 {
		background-color:#ffccff;
		color:black;
 }
#nav td a#mliens
 {
		border:2px solid gray;
		background-color:#800080;
		padding:0px 50px 0px 50px;
 }
#nav td a#mliens:hover
 {
		background-color:#ffccff;
		color:black;
 }
#nav td a#mforum
 {
		border:2px solid gray;
		background-color:#ffcc33;
		padding:0px 50px 0px 50px;
		color:black;
 }
#nav td a#mforum:hover
 {
		background-color:#ffccff;
		color:black;
 }
#nav td a#mcanoe
 {
		border:2px solid gray;
		background-color:#000000;
		padding:0px 50px 0px 50px;
		color:white;
 }
#nav td a#mcanoe:hover
 {
		background-color:#ffccff;
		color:black;
 }
#nav td a#mdonation
 {
		border:2px solid gray;
		background-color:#4EBF00;
		padding:0px 50px 0px 50px;
		color:white;
 }
#nav td a#mdonation:hover
 {
		background-color:#ffccff;
		color:black;
 }
#nav td a#mboutique
 {
		border:2px solid gray;
		background-color:#18398C;
		padding:0px 50px 0px 50px;
		color:white;
 }
#nav td a#mboutique:hover
 {
		background-color:#ffccff;
		color:black;
 }
#nav td a#mstatistiques
 {
		border:2px solid gray;
		background-color:#cc0066;
		padding:0px 50px 0px 50px;
		color:white;
 }
#nav td a#mstatistiques:hover
 {
		background-color:#ffccff;
		color:black;
 }
/*
#droite 
 {
	background-color: #ffffff;
	margin-right: 5px;
	width: 250px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	border:1px solid gray;
 }
*/

/* ONE ----------------------------------------- */

#one 
 {
	padding-bottom:0px;
	/*infos : taille du tableau 669px - image : 665 x 307*/
	/*width: 669px;*/
 }
#one #imgone 
 {
	border:1px solid black;
	background-color:white;
	text-align:center;
 }
#one a 
 {
	text-decoration:none;
 }
#legende 
 {
	font-family:Verdana,sans-serif;
	font-size: 9px;
	text-align:right;
	float:right;
	margin-top:2px;
	padding: 0 0 1px 5px;
 }
#one #text 
 {
	margin:0;
	
	background-color:white;
	padding:0 8px 5px 8px;
	border:1px solid black;
	border-top:0;
 }
#one p.title 
 {
	margin:0;
	padding:8px 0 0 0;
	color:#B8171D;
	font-weight:bold;
	font-size:18px;
 }
#one p.chapo 
 {
	margin:5px 5px 5px 0;
	padding:0;
	font-size:11px;
	text-align:justify;
 }
#one a:hover #text, #one a:hover #text p.title, #one a:hover .fleche 
 {
	background-color:#efefef;
	color:black;
 }
#one .date 
 {
	font-weight:bold;
 } 
/*information home page*/
/* PAGE
  -------------------------------------- */

#page {
	padding:0px 5px 5px 10px;
	/*width:470px;*/
}
html>body #page {
	padding:0px 4px 5px 10px;
}
#page h1 {
	margin: 0 0 5px 0;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	width:457px;
	color: #ffffff;
	background-color:#b8171d;
}
html>body #page h1 {
	width:449px;
}

#page h1.abo1 {
	background-color:#10225d; 
	color:white; 
	width:90px; 
	margin-bottom:0px; 
	text-transform:none;
}

#page h1.abo2 {
	background-color:#32974f; 
	color:white; 
	width:90px; 
	margin-bottom:0px; 
	text-transform:none;
}

#page h1 a {
	color:white;
	text-decoration:none;
}
#page h1 a:hover{
	color:white;
}
#page h2 
{
	margin:0 0 10px 0;
	padding: 2px 4px 2px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #000000;
	border-bottom:1px solid black;
	/*background-color:#FDB913;*/
	/*width:457px;*/
}
html>body #page h2 {
	/*width:497px*/;
}
#page .infohome {
	border-bottom:1px solid #DFE1E0;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}
#page img.infohome {
	border:1px solid black;
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
#page img.magazine {
	border:1px solid black;
}
#page img.mag {
	float:right;
	margin:5px 0 10px 15px;
	border:1px solid black;
}
#page p.discipline {
	margin:0;
	color:#B8171D;
	font-size:11px;
	font-weight:bold;
}
#page p.discipline a {
	color:#B8171D;
}
#page h3 {
	margin:0;
	color:#000000;
	font-size:18px;
}
#page a:hover .chapo, #page a:hover h3 {
	color:#B8171D;
}
#page .chapo {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:11px;
}
#page .chapo .date {
	font-weight:bold;
}
#page .imgcadre {
	border:1px solid black;
	/*background-color:black;*/
	margin:10px 0 0 0;
	display:block;
	padding:1px;
	text-align:center;
}
#page .legende_photo {
	margin:2px 0 0 0;
	padding:0;
	font-size:11px;
	color:gray;
	float:left;
	width: 330px;
	text-align:left;
}
#page .copyright {
	color:gray;
	float:right;
	margin:1px;
}
#page .copyright a {
	color:gray;
}
#page .date_inside {
	font-size:11px;
	display:block;
	border-bottom:1px solid gray;
}
#page .chapo_inside {
	font-weight:bold;
	font-size:12px;
}
#page .texte_inside {
	font-size:12px;
}

#page li {
	font-size:14px;
}
#page .texte_inside3 {
	font-size:14px;
}
#page .texte_inside3 a {
	color:#000000;
	font-weight:bold;
}

#page .texte_inside3 a:hover {
	color:#006600;
	font-weight:bold;
}
#page .texte_inside4 {
	font-size:12px;
}
#page .texte_inside4 h3{
	font-size:16px;
	color:#4EBF00;
	font-weight:bold; 
}
#page .texte_inside4 span{
	border-style:solid;
	border-width:1px;
	border-color:gray;
	background-color:whitesmoke; 
	align:center;
}
.rib
{
border-style:solid;
border-width:1px;
border-color:gray;
background-color:whitesmoke; 
align:center;
padding:5px 5px 5px 70px;
}
/*
#page .texte_inside li{
	font-size:15px;
}
*/

#page .texte_inside2 {
	font-size:11px;
	margin-top:10px;
}
#page .before {
	font-size:12px;
	margin:30px 0 20px 0;
}
#page .before .titre {
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom:1px solid black;
}
#page .before img {
	margin-right:5px;
}
#page .list td {
	font-size:11px;
}
#page .browse {
	text-align:center;
	background-color:black;
	color:white;
	font-size:11px;
	font-weight:bold;
}
#page .browse a {
	color:white;
}
a.all {
	float:right;
	font-size:10px;
	font-weight:normal;
	text-transform:lowercase;
	margin-top:2px;
}
a.audio {
	font-size:11px;
	padding:5px;
	display:block;
	text-align:right;
}
/*#main {
	background-color: #ffffff;
	margin-right: 5px;
	width: 900px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	border:1px solid gray;
}*/
.mainselect 
{
 /*background-color: #336699;*/
 border: 1px solid black;
 font-size:11px;
}
.main 
 {
  font-weight: bold;
	background-color: #CDDBEB;
	/*background-image: url(http://www.courseaularge.com/maj/images/arbo1.gif);*/
	/*background-repeat: no-repeat;*/
	padding-left: 20px;
	/*color: white;*/
 }
.sub1 
 {
	/*background-color: #81A1C3;*/
	/*margin-left: 15px;*/
	/*background-image: url(http://www.courseaularge.com/maj/images/arbo2.gif);*/
	background-repeat: no-repeat;
	color:#b8171d;
 }
.subsub 
 {
 /*background-color: #CDDBEB;*/
 /*margin-left: 30px;*/
 /*background-image: url(http://www.courseaularge.com/maj/images/arbo3.gif);*/
 background-repeat: no-repeat;
 }
a.infolink 
 {
	display:block;
	padding:5px;
	border-top: 1px solid gray;
 }
a.infolink:hover 
 {
	background-color:#e2e2e2;
	color: black;
 }
	a.infolink:hover p.discipline 
 {
	color:black;
 }
#page2 {
	padding:0px 5px 5px 0px;
	width:800px;
}
html>body #page2 {
	padding:0px 4px 5px 10px;
}
#page2 h1 {
	margin: 0 0 5px 0;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	width:800px;
	color: #ffffff;
	background-color:#b8171d;
}
html>body #page2 h1 {
	width:800px;
}

#page2 h1.abo1 {
	background-color:#10225d; 
	color:white; 
	width:90px; 
	margin-bottom:0px; 
	text-transform:none;
}

#page2 h1.abo2 {
	background-color:#32974f; 
	color:white; 
	width:90px; 
	margin-bottom:0px; 
	text-transform:none;
}

#page2 h1 a {
	color:white;
	text-decoration:none;
}
#page2 h1 a:hover{
	color:white;
}

#page2 h2 {
	margin:0 0 10px 0;
	padding: 2px 4px 2px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #000000;
	border-bottom:1px solid black;
	/*background-color:#FDB913;*/
	width:800px;
}
html>body #page2 h2 {
	width:800px;
}
#page2 .infohome {
	border-bottom:1px solid #DFE1E0;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}
#page2 td {
	font-size: 14px;
}
#page2 img.infohome {
	border:1px solid black;
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
#page2 img.magazine {
	border:1px solid black;
}
#page2 img.mag {
	float:right;
	margin:5px 0 10px 15px;
	border:1px solid black;
}
#page2 p.discipline {
	margin:0;
	color:#B8171D;
	font-size:11px;
	font-weight:bold;
}
#page2 p.discipline a {
	color:#B8171D;
}
#page2 h3 {
	margin:0;
	color:#000000;
	font-size:18px;
}
#page2 a:hover .chapo, #page2 a:hover h3 {
	color:#B8171D;
}
#page2 .chapo {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:11px;
}
#page2 .chapo .date {
	font-weight:bold;
}
#page2 .imgcadre {
	border:1px solid black;
	background-color:black;
	margin:10px 0 0 0;
	display:block;
	padding:1px;
	text-align:center;
}
#page2 .legende_photo {
	margin:2px 0 0 0;
	padding:0;
	font-size:11px;
	color:gray;
	float:left;
	width: 330px;
	text-align:left;
}
#page2 .copyright {
	color:gray;
	float:right;
	margin:1px;
}
#page2 .copyright a {
	color:gray;
}
#page2 .date_inside {
	font-size:11px;
	display:block;
	border-bottom:1px solid gray;
}
#page2 .chapo_inside {
	font-weight:bold;
	font-size:12px;
}
#page2 .texte_inside {
	font-size:12px;
}
#page2 .texte_inside2 {
	font-size:11px;
	margin-top:10px;
}
#page2 .before {
	font-size:12px;
	margin:30px 0 20px 0;
}
#page2 .before .titre {
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom:1px solid black;
}
#page2 .before img {
	margin-right:5px;
}
#page2 .list td {
	font-size:11px;
}
#page2 .browse {
	text-align:center;
	background-color:black;
	color:white;
	font-size:11px;
	font-weight:bold;
}
#page2 .browse a {
	color:white;
}
.Style1
{
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}
.Style2
{
	color: #0000cc;
	font-weight: bold;
	font-size: 14px;
}
.Style3
{
	color: #006600;
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
}
.Style4
{
	color: #0000cc;
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
}
/* Contenu */
.entete {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #0475B7; font-weight: bold; background: #D0C6E9; border-color: #000000; accelerator: true; font-style: normal; text-decoration: none}
.sousentete {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-weight: bold; background: #DFEAF8; border-color: #000000}
.corps {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: justify; font-weight: normal; background: white; border-color: #000000; accelerator: true}
.tabp {background: #DB088E; border-color: #DB088E; accelerator: true}
/* rss ajax tiker */
.cnnclass{
width: 790;
height : 30px;
font-size : 12;
padding: 5px;
background-color: #F3F3F3;
border: 2px solid black;
margin-bottom: 1em;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);*/ /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

.bbcclass{
width: 790;
height : 30px;
padding: 6px;
background-color: lightyellow;
border: 1px solid #004A00;
font-size : 12;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}
.rsstitle a{ /*shared class for all title elements in an RSS feed*/
color:#003300;
}
.rssdate{ /*shared class for all date elements in an RSS feed*/
color:#000099;
font-size: 85%;
}
.rssdescription{ /*shared class for all description elements in an RSS feed*/
}
.tapertexte
{
 text-align:center;
 font-size:15px;
 border-style:solid;
 border-color:green; 
}
/* gallerie container */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 2px solid #008000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail{
position: relative;
z-index: 1;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -0;
left: 115px; /*position where enlarged image should offset horizontally */

}
.diapo
{
 font-weight:bold;
 border:2px solid green/*width*/ /*style*/ /*color*/;
 padding:5px 170px 5px 170px;
}
.promotion
{
 border: 3px dashed #006600;
}