body {
  background: #003366;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size:10px;
}height:expression(    document.getElementById('nav').offsetHeight   );   
a:link {color: #0131b4; text-decoration: none;font-weight:bold;}
a:visited {color: #0131b4; text-decoration: none;font-weight:bold;}
a:active {color: #0131b4; text-decoration: none;font-weight:bold;}
a:hover {color: #008000; text-decoration: none;font-weight:bold;}

a img {
  border-width: 0;
  text-decoration: none; 
}

   a.qop2:link {color:#ffffff;text-decoration: none; font-weight:bold;font-size: 1.2em;}
   a.qop2:visited {color:#ffffff;text-decoration: none; font-weight:bold;font-size: 1.2em;}
   a.qop2:active {color:#ffffff;text-decoration: none; font-weight:bold;font-size: 1.2em;}
   a.qop2:hover {color:#ffff00;text-decoration: none; font-weight:bold;font-size: 1.2em;}    
   
   .accueil:link{color: #ffffff;text-decoration: none;padding:0;margin:0;font-weight:bold;font-size: 12px;}
   .accueil:visited{color: #ffffff;text-decoration: none;padding:0;margin:0;font-weight:bold;font-size: 12px;}
   .accueil:active{color: #ffffff;text-decoration: none;padding:0;margin:0;font-weight:bold;font-size: 12px;}
   .accueil:hover{color: #ffffff;text-decoration: none;padding:0;margin:0;font-weight:bold;font-size: 12px;}
     
   .Hautpage a:link{color: #ffffff;background-color: #9683ec;text-decoration: none;font-size: 1.2em;}
   .Hautpage a:visited{color: #ffffff;background-color: #9683ec;text-decoration: none;font-size: 1.2em;}
   .Hautpage a:active{color: #24c4ec;background-color: #003366;text-decoration: none;font-size: 1.2em;}
   .Hautpage a:hover{color: #24c4ec;background-color: #003366;text-decoration: none;font-size: 1.2em;}
       
   .Partenaire:link{color: #9683ec;text-decoration: none;text-align:center;font-size: 1.2em;}
   .Partenaire:visited{color: #9683ec;text-decoration: none;text-align:center;font-size: 1.2em;}
   .Partenaire:active{color: #9683ec;text-decoration: none;text-align:center;font-size: 1.2em;}
     
   .lien3:link{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.3em;}
   .lien3:visited{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.3em;}
   .lien3:active{color: #003366;text-decoration: none; font-weight:bold;font-size: 1.3em;}
   .lien3:hover{color: #9683EC;text-decoration: none; font-weight:bold;font-size: 1.3em;}
  
   .lien6 a:link{color: #3B0D7F;text-decoration: none; font-size: 1.2em;line-height:12pt;}
   .lien6 a:visited{color: #0F9F0F;text-decoration: none; font-size: 1.2em;line-height:12pt;}
   .lien6 a:active{color: #3B0D7F;text-decoration: none; font-size: 1.2em;line-height:12pt;}
   .lien6 a:hover{color: #E31313;text-decoration: none; font-size: 1.2em;line-height:12pt;}
 
   .plus:link{color: #008000;text-decoration: none; font-weight:bold;font-size: 1.1em;}
   .plus:visited{color: #008000;text-decoration: none; font-weight:bold;font-size: 1.1em;}
   .plus:active{color: #008000;text-decoration: none; font-weight:bold;font-size: 1.1em;}
   .plus:hover{color: #9683EC;text-decoration: none; font-weight:bold;font-size: 1.1em;}   

.titrerss {
	width:185px;
	font-size: 1.3em;
    background-color: #003366;	
  	font-weight:bold;
	color: #ffffff;
	text-align:center;
}
.tbcherch {
  font-size: 1.4em;
  color:#ffffff;
  background-color: #003366;
  font-weight:bold;
  text-align:center;
}
.rssfeed_main {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 210px;
}
h2.sujetecard {
  font-size: 1.5em;
  color:#000080;
  background-color:#CCCCFF;
  font-weight:bold;
  text-align:center;
  font-family: comic sans ms, Verdana, Arial, Helvetica, sans-serif;
}

.rssfeed_main a { color: black; text-decoration: none; }

.rssfeed_title {
  background-color: rgb(0, 51, 102); color: rgb(255, 255, 255);
  border: 1px solid black; padding: 3px;
  font-size: 1.1em; font-weight: bold;
}
.rssfeed_item {
  background-color: rgb(255, 255, 255);
  border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black;
  padding-left: 3px; padding-right: 3px;
  font-size: 1.0em;
}
.rssfeed_item2 { background-color: rgb(38, 196, 236); }

.creationsiteweb {
line-height:12pt;
font-size:1.2em;
color:#000000;
font-weight:bold;
text-align:justify;
}

/* MENU TOP */
#menutop {
	text-align:center;
	width:985px;
	height:20px;

	background-color:#9683EC;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#CCCCFF;
}
#menutop ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menutop li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1em;
}
#menutop li a {
	display:block;
	height:20px;
	font-size: 1.3em;
	line-height:20px;
	margin:0;
	padding:0 5px 0 5px;
	color:#ffffff;
	text-align:center;
}
#menutop li a:hover, #menutop li a:focus, #menutop li a:active {
	display:block;
	height:20px;
	font-size: 1.3em;
	line-height:20px;
	margin:0;
	padding:0 5px 0 5px;
	color:#ffffff;
	background-color:#003366;
	text-align:center;
	text-decoration:underline;
}
#c2 {
   width: 1385px;
   padding:0px;
   background-color: #003366;
}
#a1 {
  width: 200px;
  float : left;
  background-color: #003366;
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#a2 {
  width: 200px;
  float : left;
  background-color: #003366;
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

#conteneur2 {
   width: 985px;
   padding:0px;
   background-color: #ccccff;
}
#conteneur {
   width: 985px;
   padding:0px;
   background-color: #ccccff;
}
/* Header
----------------------------------------------- */

#header {
  clear: both;
  width: 985px;
  height:110px;
  margin-left:0px;
  background-image:url("img/banniere_1000.jpg");
  background-repeat:no-repeat;  
  text-align:center;
  color: #ffffff;
}

h1.title {
  padding-top: 10px;
  margin: 0 50px;
  font-size: 3em;
  color: #ffffff;
  font-weight:bold;
}
h1.title2 {
  padding-top: 8px;
  margin: 0 50px;
  font-size: 2em;
  color: #ffffff;
  font-weight:bold;
}

/* Content
----------------------------------------------- */
.clear { 
  clear: both;
}

/* Header2
----------------------------------------------- */
#head2-wrapper {
  width: 985px;
  text-align: left;
  background-color: #ccccff;
  border-top: 0;
}
#header2 {
  float: left;
  width: 795px;
  text-align: center;
  background-color: #ccccff;
 }
.intro {
	font-size: 1.3em;
    line-height:12pt;
    font-weight:bold;	
	color: #660099;
    background-image:url(img/fond_intro2.jpg);
	width:795px;
} 
 
#side2-wrapper {
  width: 190px;
  float : left;
/*  background-color: #003366;*/
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

/* Header3
----------------------------------------------- */
#header3 {
  clear: both;
  width: 985px;
  margin-left:0px;
  background-color: #ccccff;
  text-align: left;
 }

#content-wrapper {
  width: 985px;
  margin-left:0px;
  text-align: left;
  background-color: #ccccff;
  border-top: 0;
}

#main-wrapper {
  width: 625px;
  float: left;
  background-color: #ccccff;
  border: 0px;
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}h1.accueilx {padding:0;margin:0;font-size:1.2em;font-weight:bold;color:#ffffff;}
h2.accueilx {
padding:0;
margin:0;
font-size:1.2em;
font-weight:bold;
color:#ffffff;
}
.accueilx {
padding:0;
margin:0;
font-size:12px;
font-weight:bold;
color:#ffffff;
}
.main-wrapper h1 {
  font-size:1.3em;	
  font-weight:bold;
  color:#ffffff;
}
.fond1 {
  background-color:#318ce7;
  width:140px;	
}
.fond2 {
  background-color:#149414;
  width:140px; 
}
.fond3 {
  background-color:#9683EC;
  width:140px;
}
.fond4 {
  background-color:#e67e30;
  width:140px;  
}
.fond5 {
  background-color:#ae642d;
  width:140px; 
}

#sidebar-wrapper {
  width: 170px;
  margin-top:3px;
  float : left;
  background-color: #ccccff;
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebar2-wrapper {
  width: 190px;
  float : left;
  padding-left:0px;
  background-color: #ccccff;
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
h1.droite {
  font-size:1.2em;	
  font-weight:bold;
  color:#ffffff;
  line-height:12pt;
}
h2.droite {
  font-size:1.2em;	
  font-weight:bold;
  color:#ffffff;
  line-height:12pt;
}
.fond6 {
  background-color:#9683EC;
  width:185px; 
}
.galerie2 {
width:185px;
text-align:top;
border-width:1px; 
border-style:solid;
border-color:#9683EC;
} 
/* Header4
----------------------------------------------- */
#footer {
  width: 985px;
  clear:both;
  margin-left:0px;
  background-color: #9683EC;
  text-align:center;
}
#baspage {
  width: 985px;
  clear:both;
  margin-left:0px;
  background-color: #003366;
  text-align:center;
}

/* Headings
----------------------------------------------- */
h1 {
  font-size: 1.6em;
  color:#9683EC;
  font-weight:bold;
  text-align:center;
}
h2 {
  font-size: 1.6em;
  color:#9683EC;
  font-weight:bold;
  text-align:center;
}
/* h2 {
  font-size: 1.2em;
  color:#ffff00;
  font-weight:bold;
  text-align:left;
  background-color:#9683EC;
  width:203px;
} */
h3 {
  font-size: 1.2em;
  color:#9683EC;
  font-weight:bold;
  text-align:left;
}

/* Main Content
----------------------------------------------- */
.main h1 {
padding:0;
margin:0;
background-color:#318ce7;
font-size:1.5em;
font-weight:bold;
color:#ffffff;
}

/* Footer
----------------------------------------------- */
#foot {
  width: 985px;
  text-align: left;
  background-color: #ccccff;
  border-top: 0;
}
#header4 {
  float: left;
  width: 795px;
  text-align: center;
  background-color: #ccccff;
  color: #333333;
}
#foot-side {
  width: 190px;
  float : left;
  text-align: center; 
  background-color: #ccccff;
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#col1 {
  float: left;
  width: 820px;
  background-color: #ccccff;
  color: #333333;
}
#col2 {
  width: 165px;
  float : left;
  text-align: center; 
  background-color: #ccccff;
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}