/* ////////////////////// GENERAL /////////////////// */

#container {
	width: 974px ;
	margin: auto ;
	border: 0px ;
	}

#topbar {
	width: auto ;
	height: 155px ;
	border: 0px ;
	}

/* ////////////////// MENUS LATERAUX //////////////// */

#column_right {
	background-image: url(menu_lat_background.gif);
	width: 141px ;
	height: 1250px ;
	float: right ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 2px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_left {
	background-image: url(menu_lat_background.gif) ;
	width: 141px ;
	height: 1250px ;
	float: left ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 2px 2px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_right850 {
	background-image: url(menu_lat_background_850.gif);
	width: 141px ;
	height: 850px ;
	float: right ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 2px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_left850 {
	background-image: url(menu_lat_background_850.gif) ;
	width: 141px ;
	height: 850px ;
	float: left ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 2px 2px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_right1000 {
	background-image: url(menu_lat_background_1000.gif);
	width: 141px ;
	height: 1000px ;
	float: right ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 2px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_left1000 {
	background-image: url(menu_lat_background_1000.gif) ;
	width: 141px ;
	height: 1000px ;
	float: left ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 2px 2px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_right2100 {
	background-image: url(menu_lat_background_2100.gif);
	width: 141px ;
	height: 2100px ;
	float: left ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 3px 0px 0px 2px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_left2100 {
	background-image: url(menu_lat_background_2100.gif) ;
	width: 141px ;
	height: 2100px ;
	float: left ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 3px 2px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}
#column_right1860 {
	background-image: url(menu_lat_background_1860.gif);
	width: 141px ;
	height: 1860px ;
	float: left ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 3px 0px 0px 2px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_left1860 {
	background-image: url(menu_lat_background_1860.gif) ;
	width: 141px ;
	height: 1860px ;
	float: left ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 3px 2px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_right2440 {
	background-image: url(menu_lat_background_2440.gif);
	width: 141px ;
	height: 2440px ;
	float: left ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 3px 0px 0px 2px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

#column_left2440 {
	background-image: url(menu_lat_background_2440.gif) ;
	width: 141px ;
	height: 2440px ;
	float: left ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 3px 2px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

.menu_lat {
	width: 141px ;
	float: left ;
	display: block ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-style: normal ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 3px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

.menu_lat li {
	display: block ;
	list-style: none ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

.menu_lat li a {
	display: block ;
	text-align: center ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	text-align: center ;
	text-decoration: none;
	}	

.menu_lat li a:hover {
	color: #E2603E ;
	}

/* ///////////////////////////////////////////// */

#column_center {
	width: 688px ;
	float: left ;
	}

/* /////////////// MENU CENTRAL //////////////// */

#column_center1 {
	width: 0px ;
	height: 29px ;
	float: left ;
	position: relative ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

.navigation {
	width: 688px ;
	height: 29px ;
	float: left ;
	position: absolute ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-weight: bold ;
	text-align: center ;
	text-decoration: none;
	margin: 5px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px ;
	}

.navigation li {
	display: inline ;
	}

.navigation li a {
	display: inline ;
	background: #FFFFFF url(case_coulissant.png) left top no-repeat ;
	color: #FFFFFF ;
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 13px ;
	font-weight: bold ;
	margin: 0px -1px 0px 0px ;
	padding: 2px 18px 2px 18px ;
	text-align: center ;
	text-decoration: none;
	}
	
.navigation li a:hover, .navigation li a:focus, .navigation li a:active, .navigation li a:visited {
	background: #FFFFFF url(case_coulissant.png) right top no-repeat ;
	color: #FFFFFF ;
	}

/* ///////////////// PIED PAGE ///////////////// */

#column_center3 {
	width: 688px ;
	height: 80px ;
	float: left ;
	background-image: url(menu_bas_background.gif) ;
	margin: 0px -2px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}

/* /////////////// PAGE CONTENU //////////////// */

#column_center2 {
	width: 668px ;
	height: 1141px ; 
	float: left ;
	font-family: Arial,Tahoma,sans-serif ;
	margin: 32px 0px 0px 0px ;
	padding: 0px 0px 0px 8px ;
	border: 0px ;
	}

#column_center2850 {
	width: 668px ;
	height: 741px ; 
	float: left ;
	font-family: Arial,Tahoma,sans-serif ;
	margin: 32px 0px 0px 0px ;
	padding: 0px 0px 0px 8px ;
	border: 0px ;
	}

#column_center21000 {
	width: 668px ;
	height: 891px ; 
	float: left ;
	font-family: Arial,Tahoma,sans-serif ;
	margin: 32px 0px 0px 0px ;
	padding: 0px 0px 0px 8px ;
	border: 0px ;
	}

#column_center22100 {
	width: 668px ;
	height: 1991px ; 
	float: left ;
	font-family: Arial,Tahoma,sans-serif ;
	margin: 32px 0px 0px 0px ;
	padding: 0px 0px 0px 8px ;
	border: 0px ;
	}

#column_center21860 {
	width: 668px ;
	height: 1751px ; 
	float: left ;
	font-family: Arial,Tahoma,sans-serif ;
	margin: 32px 0px 0px 0px ;
	padding: 0px 0px 0px 8px ;
	border: 0px ;
	}

#column_center22440 {
	width: 668px ;
	height: 2331px ; 
	float: left ;
	font-family: Arial,Tahoma,sans-serif ;
	margin: 32px 0px 0px 0px ;
	padding: 0px 0px 0px 8px ;
	border: 0px ;
	}

body {
	font-family: Arial,Tahoma,sans-serif ;
	text-align: center ;
	color: #0B3361 ;
	background: #FFFFFF ;
	background-repeat: no-repeat ;
	bakground-position: center center ;
	font-size: 13px ;
	}

p {
	font-family: Arial,Tahoma,sans-serif ;
	text-align: justify ;
	color: #0B3361 ;
	font-size: 13px ;
	}

h1 {
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 17px ;
	font-weight: bold ;
	color: #0B3361 ;
	}

h2 {
	font-family: Arial,Tahoma,sans-serif ;
	font-size: 15px ;
	font-weight: bold ;
	color: #0B3361 ;
	}

img {
	border: none ;
	}

a {
	font-family: Arial,Tahoma,sans-serif ;
	color: #0B3361 ;
	font-weight: bold ;
	}

a:visited {
	color: #2D6DB5 ;
	}

a:hover {
	color: #E2603E ;
	}

a.lien {
	font-family: Arial Narrow,Arial,Tahoma,sans-serif ;
	font-size: 18px ;
	color: #0B3361 ;
	font-weight: bold ;
	}

a.lien:visited {
	color: #2D6DB5 ;
	}

a.lien:hover {
	color: #E2603E ;
	}

a.ic_back {
	background-image: url(ic_back.gif) ;
	display: block ;
	width: 126px ;
	float: left ;
	}

a.ic_back:hover {
	background: url(ic_back.gif) ;
	background-position: -126px 0px ;
	float: left ;
	}

a.ic_next {
	background-image: url(ic_next.gif) ;
	display: block ;
	width: 126px ;
	float: right ;
	}

a.ic_next:hover {
	background: url(ic_next.gif) ;
	background-position: -126px 0px ;
	float: right ;
	}

a.ic_backgp {
	background-image: url(ic_back_gp.gif) ;
	display: block ;
	width: 126px ;
	float: right ;
	}

a.ic_backgp:hover {
	background: url(ic_back_gp.gif) ;
	background-position: -126px 0px ;
	float: right ;
	}

/* Explications div :
h et v désignent horizontal (paysage) et vertical (portrait)
1,2,3 ... donne le nombre de div sur la ligne
g : gauche, d:droite, c:centre
pour h et v, prendre v lorsqu'on 1 portrait et 1 paysage sur la même ligne
dans ce cas ajouter un saut de ligne (br) dans la div contenant l'image
en paysage (alignement vertical non maitrisé par les naviagteurs*/

div.classss {
	position: relative ;
	text-align: center ;
	text-decoration: none ;
	font-style: italic ;
	margin-left: 0px ;
	margin-right: 0px ;
	margin-top : 0px ;
	margin-bottom : 0px ;
	padding-left: 0px ;
	padding-right: 0px ;
	padding-top : 0px ;
	padding-bottom : 0px ;
	}

/* a. img sert à enlever le gras et le souligné utilisés par défaut pour
tous les autres liens du site
   a.img hover sert à conserver la couleur orangée lors du passage de la
souris sur le lien
   a. img visited sert à annuler le passage en bleu clair lorsque le lien
est visité (question de lisibilité) */

a.img {	
	text-decoration: none ;
	font-style: normal ;
	font-weight: normal ;
	font-size: 11px ;
	}

a.img:visited {
	color: #0B3361 ;
	}

a.img:hover {
	color: #E2603E ;
	}

/* div 1 image par ligne */

div.v1g {
	width: 160px ;
	height: 248px ;
	float: left ;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px
	}

div.v1d {
	width: 160px ;
	height: 248px ;
	float: right ;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px
	}

div.h1g {
	width: 215px ;
	height: 193px ;
	float: left ;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px
	}

div.h1d {
	width: 215px ;
	height: 193px ;
	float: right ;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px
	}

div.h1c {
	width: 215px ;
	height: 193px ;
	float: center ;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px
	}

/* div 2 images par ligne */

div.v2g {
	width: 50% ;
	height: 248px ;
	float: left ;
	}

div.v2d {
	width: 50% ;
	height: 248px ;
	float: right ;
	}

div.h2g {
	width: 50% ;
	height: 193px ;
	float: left ;
	}

div.h2d {
	width: 50% ;
	height: 193px ;
	float: right ;
	}

/* div 3 images par ligne */

div.h3 {
	width: 33.3% ;
	height: 215px ;
	float: left ;
	}

/* div 4 images par ligne */

div.v4 {
	width: 25% ;
	height: 270px ;
	float: left ;
	}

/*div utilisé pour la liste des membres sur la page Association*/

div.association_gauche {
	width: 44% ;
	height: 650px ;
	float: left ;
	text-align: left ;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px
	}

div.association_droite {
	width: 56% ;
	height: 850px ;
	float: right ;
	text-align: left ;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px
	}
	}