html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
background-color : #ffffff;
color : #1F4266 ;
font-size : 10px;
font-family : Verdana, DejaVu Sans, sans-serif;
text-align:center;
background: url(/images/background.jpg) repeat 0 0 fixed #b2becb;
}

body > center {
margin: 0 auto;
padding: 0;
background: url(/images/page.png) repeat-y center center fixed;
min-height: 100%;
}

img {
display:inline;
border:0;
}

a:link, a:visited {
color:#1F4266 ;
text-decoration:none;
}

a:hover {
color:#1F4266 ;
text-decoration:underline;
}

.bandeau_contenu a:link, .bandeau_contenu a:visited {
color:white;
text-decoration:none;
}

.bandeau_contenu a:hover {
color:white;
text-decoration:none;
}

.bandeau_menu a:link, .bandeau_menu a:visited, .bandeau_menu_2 a:link, .bandeau_menu_2 a:visited {
color:white;
text-decoration:none;
}

.bandeau_menu a:hover, .bandeau_menu_2 a:hover {
color:white;
text-decoration:none;
}

.footer_pages a:link, .footer_pages a:visited {
color:white;
text-decoration:none;
}

.footer_pages a:hover {
color:white;
text-decoration:none;
}

.footer_accueil a:link, .footer_accueil a:visited {
color:white;
text-decoration:none;
}

.footer_accueil a:hover {
color:white;
text-decoration:none;
}

#wrap {
position : relative;
width : 900px;
margin: 0 auto;
clear:both;
padding: 8px 0;
text-align:center;
background-color:white;
}

#titre_accueil {
width:450px;
top:20px;
left:450px;
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :18px;
font-weight:bold;
text-align:center; 
position : absolute;
}

#intro_accueil {
position:absolute;
width:450px;
height:120px;
top:65px;
left:450px;
overflow:auto;
}

.intro_accueil {
font-family : Verdana, DejaVu Sans, sans-serif;
font-style:italic;
font-size :12px;
text-align:left;
padding-top:10px;
padding-bottom:10px;
text-align:justify
}

#titre_dernier_com {
position:absolute;
width:180px;
height:15px;
top:187px;
left:585px;
clear:both;
background-color:white;
overflow:auto;
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :12px;
}

#dernier_communique {
position:absolute;
width:440px !important; /*La largeur pour firefox */
width:450px;
height:95px;
top:195px;
left:450px;
clear:both;
border:1px solid #1F4266 ;
overflow:auto;
padding-left:5px;
padding-right:5px;
}

#bandeau_dernier_communique {
position:absolute;
width:450px;
height:15px;
top:290px;
left:450px;
clear:both;
border:1px solid #1F4266 ;
}

#titre_dernier_blog {
position:absolute;
width:174px;
height:15px;
top:352px;
left:668px;
clear:both;
background-color:white;
overflow:auto;
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :12px;
}

#dernier_blog {
position:absolute;
width:290px;
height:240px;
top:360px;
left:610px;
clear:both;
border:1px solid #1F4266 ;
overflow:auto;
padding-top:5px;
}

#bandeau_dernier_blog {
position:absolute;
width:290px;
top:600px;
left:610px;
clear:both;
border:1px solid #1F4266 ;
}

#titre_dernier_forum {
position:absolute;
width:180px;
height:15px;
top:352px;
left:55px;
clear:both;
background-color:white;
overflow:auto;
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :12px;
}

#dernier_forum {
position:absolute;
width:290px;
height:230px !important; 
height:240px;
top:360px;
left:0px;
clear:both;
border:1px solid #1F4266 ;
overflow:auto;
padding-top:10px;
}

#bandeau_dernier_forum {
position:absolute;
width:290px;
top:600px;
left:0px;
clear:both;
border:1px solid #1F4266 ;
}

#titre_derniere_video {
position:absolute;
width:150px;
height:15px;
top:352px;
left:375px;
clear:both;
background-color:white;
overflow:auto;
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :12px;
}

#derniere_video {
position:absolute;
width:290px;
height:240px;
top:360px;
left:305px;
clear:both;
border:1px solid #1F4266 ;
overflow:auto;
padding-top:5px;
}

#bandeau_derniere_video {
position:absolute;
width:290px;
top:600px;
left:305px;
clear:both;
border:1px solid #1F4266 ;
}

#bandeau_adhesion {
position:absolute;
width:400px;
top:290px;
left:0px;
clear:both;
border:1px solid #1F4266 ;
}

.bandeaux_accueil {
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :12px;
text-align:center; 
background-color : #1F4266 ;
color : #ffffff;
height:15px !important; /*la hauteur pour firefox */
height:23px;
padding-top:4px;
padding-bottom:4px;
}

#logo_accueil {
position:absolute;
width:450px; 
height:230px;
left:0px;
top:0px;
text-align:left;
}

#titre {
width:900px;
padding-top:10px;
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :18px;
font-weight:bold;
text-align:center; 
float:left; 
}

#logo {
width:900px; 
float:left;
text-align:left;
}

#bandeau_accueil_1 {
position: absolute;
width:100%;
top:350px;
}

#bandeau_accueil_2 {
position: absolute;
width:100%;
top:550px;
}

#bandeau_pages_1 {
float:left;
width:100%;
height:15px;
margin-top:10px;
clear:both;
}

#citation_accueil {
position:relative;
top:620px;
margin-top:10px;
padding-top:4px;
padding-bottom:4px;
}

#footer_pages_1 {
width:900px;
height:15px;
margin-top:16px;
}

#footer_accueil_1 {
position:relative;
top:620px;
margin-top:10px;
padding-top:4px;
padding-bottom:4px;
}

#footer_canalpi {
float:left;
width:900px;
height:15px;
margin-top:10px;
}

.footer_pages {
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :11px;
text-align:center; 
background-color : #1F4266 ;
color : #ffffff;
padding-top:4px;
padding-bottom:4px;
}

.footer_accueil {
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :11px;
text-align:center; 
background-color : #1F4266 ;
color : #ffffff;
}

.bandeau_pages {
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :11px;
text-align:left; 
background-color : #1F4266 ;
color : #ffffff;
padding-top:4px;
padding-bottom:4px;
}

.bandeau_contenu {
width:50%;
float:left;
}

.bandeau_menu {
float:left;
text-align:left;
padding-left:10px;
}

.bandeau_menu_2 {
text-align:center;
width:400px;
}

.bandeau {
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :14px;
text-align:center; 
background-color : #1F4266 ;
color : #ffffff;
padding-top:5px;
padding-bottom:5px;
}

#travaux {
position:absolute;
width:100%;
top:400px;
clear:both;
}

.intro {
font-family : Verdana, DejaVu Sans, sans-serif;
font-style:italic;
font-size :14px;
text-align:left;
padding-top:10px;
padding-bottom:10px;
}

.travaux {
font-family : Verdana, DejaVu Sans, sans-serif;
font-size :16px;
text-align:center;
color:red;
font-weight:bold;
}

.communique_date {
padding-top:10px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #1F4266;
text-align: center;
width:100%;
margin:auto;
float:left;
}

.communique_titre {
padding-top:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
text-align: center;
width:100%;
margin:auto;
float:left;
}

.communique_texte {
padding-top:10px;
padding-bottom:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-align: justify;
width:100%;
margin:auto;
float:left;
}

.communiques_menu {
padding-top:10px;
text-align:center;
clear:both;
}

.rubriques {
width:898px !important; 
width:900px;
height:100px !important;
height:117px;
clear:both;
overflow:auto;
text-align:left;
padding-bottom:5px;
border:1px solid #1F4266 ;
}

.playlist {
width:898px !important; 
width:900px;
height:100px !important;
height:117px;
clear:both;
overflow:auto;
text-align:left;
padding-bottom:5px;
border:1px solid #1F4266 ;
background-color:#e1e3ff;
}

.rub_vignette {
width:150px;
float:left;
text-align:left;
height:100px;
}

.rub_texte {
width:650px;
float:left;
font-size:12px;
height:100px;
}

#pages_titre {
padding-top:20px;
padding-bottom:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #1F4266 ;
text-align: center;
clear:both;
}

#pages {
padding-top:20px;
padding-bottom:30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-align: justify;
clear:both;
}

#programmes {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #1F4266 ;
text-align:center;
line-height:20px;
}

.programmes {
float:left;
padding-left:5px;
padding-right:5px;
text-align:center;

}


#programmes a:link, #programmes a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#1F4266 ;
text-decoration:none;
}

#programmes a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#1F4266 ;
text-decoration:none;
}

.pages a:link, .pages a:visited {
color:#1F4266 ;
text-decoration:none;
}

.pages a:hover {
color:#1F4266 ;
text-decoration:none;
}

#comite {
text-align: center;
min-height: 1350px;
}

#comite .membre {
margin:10px 0 10px 20px;
padding:0;
width: 420px;
border: solid 1px #1F4266;
float: left;
}

#comite .membre table {
margin: 0;
padding: 0;
border: none;
width: 100%;
font-size: 12px;
text-align: center;
}

#comite .membre tr {
margin: 0;
padding: 0;
}

#comite .membre .photo {
padding: 10px 0 8px 10px;
width: 180px;
text-align: left;
}

#comite .membre img {
margin: 0;
padding: 6px;
border: solid 1px #a8b9cb;
width: 160px;
height: 187px;
}

#comite .membre .nom {
padding: 10px 0;
font-size: 14px;
font-weight: bold;
height: 95px;
}

#comite .membre .line {
margin:10px auto 0 auto;
width: 100px;
height: 1px;
border-bottom: 1px dotted #a8b9cb;
}

#comite .membre .annee {
height: 27px;
}

#comite .membre .domicile {
height: 50px;
}

#comite .membre .profession {
padding-bottom: 10px;
}

#comite .membre .fonction {
height: 32px;
bottom: 0px;
margin: 0;
background-color: #1F4266;
font-size: 11px;
font-weight: bold;
color: white;
text-align: center;
vertical-align: middle;
}

#comite .detail {
margin: 20px auto;
padding: 20px 20px 0 20px;
width: 800px;
border: solid 1px #a8b9cb;
}

#comite .detail img {
width: 100%;
}

#comite .legende {
margin: 15px auto 20px auto;
font-style: italic;
font-size: 12px;
color: #1F4266;
text-decoration:none;
}

#comite a:hover {
text-decoration:none;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	line-height: 130%;
	text-indent: 6%;

}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: normal;
	color: #1F4266;
	text-align: center;
	line-height: 1em;


}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	color: #000000;
	text-align: center;
	font-variant: normal;
	line-height: 1.2em;



}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: lighter;
	text-align: center;
	font-variant: normal;

}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	text-align: justify;
}

h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	text-align: center;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}
hr {
	font-size: 18px;
	text-align: center;
}


h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 140%;
}