/* CSS STYLE */

*{
	margin: 0;
	padding: 0;
}

body{
	background-color:#195eab;
}

#conteneur{
	position: relative;
	top: 0px;
	left: 0px;
	width: 760px;
	height:709px;
	margin: 0 auto;
    background-color:#ffffff;
}

#conteneur2{
	position: relative;
	top: 0px;
	left: 0px;
	width: 760px;
	height:939px;
	margin: 0 auto;
    background-color:#ffffff;
}

#header{
	position: relative;
	top: 0px;
	left: 0px;
	height: 178px;
	width: 760px;	
	margin: 0 auto;
}

#bienvenue{
	position: relative;
	top: 0px;
	left: 0px;
	height: 306px;
	width: 760px;
	margin: 0 auto;
}

#menu{
	position: relative;
	top: 0px;
	left: 0px;
	height: 43px;
	width: 760px;
	margin: 0 auto;
}

#contenu-site{
	position: relative;
	height: 810px;
	width: 760px;
	margin: 0 auto;
	background-image:url(../images/ligne-contenu2.jpg);
}

#contenu-site-home{
	position: relative;
	height: 845px;
	width: 760px;
	margin: 0 auto;
	background-image:url(../images/ligne-contenu2.jpg);
}

#bottom{
	position: relative;
	height: 306px;
	width: 760px;
	margin: 0 auto;
}

#bottom-intro{
	position: relative;
	top:26px;
	height: 306px;
	width: 760px;
	margin: 0 auto;
}

#bas-de-page{
	position: relative;
	height: 89px;
	width: 760px;
	margin: 0 auto;
	background-image:url(../images/bottom-contenu.jpg);	
}

#menuprinc{
  position:relative;
	top: 15px;
	left: 29px;
}

#photo-centre{
  position:relative;
	left: 64px;
}

#anim{
  position:relative;
	left: 14px;
	top:50px;
}


#popup{
  position:relative;
  top:10px;
	right: 50px;
}

#photo-activites{
  position:relative;
   left: 10px;	
   height: 20px;
	width: 141px;
}

#photo-equipe{
  position:relative;
   left: 0px;	
   height: 20px;
	width: 141px;
}

#photo-services1{
  position:relative;
  top:17px;
   left: 10px;	
   height: 20px;
	width: 141px;
}

#photo-services2{
  position:relative;
  top:-12px;
   left: 10px;	
   height: 20px;
	width: 141px;
}

#contenu-activites{
  position:relative;
   left: 165px;	
	width: 251px;
	top:-15px;
}

#contenu-equipe{
  position:relative;
   left: 160px;	
	width: 271px;
	top:-30px;
	text-align:left;	
}

#contenu-services{
  position:relative;
   left: 170px;	
	width: 271px;
	top:-30px;
	text-align:left;	
}

#contenu-services2{
  position:relative;
   left: 1px;	
	width: 436px;
	height:185px;
	top:-30px;
	background-image:url(../images/services-vignettes.jpg);
}

#contenu-services3{
  position:relative;
   left: 90px;	
	width: 271px;
	top:16px;
	text-align:left;	
}

#contenu-services4{
  position:relative;
   left: 170px;	
	width: 241px;
	top:-32px;
	text-align:justify;	
}

#menusections{
  position:relative;
	top: 28px;
	left: 29px;
}

#menuliens{
  position:relative;
	top: 80px;
	left: 29px;
}

#gala{
	position: relative;
	height: 227px;
	width: 760px;
	margin: 0 auto;
}

#contenu1{
  position:relative;
	top: 7px;
	left: 80px;
	width: 390px;
	height:520px;
	text-align:justify;
}

#contenu14{
  position:relative;
	top: 7px;
	left: 80px;
	width: 405px;
	height:520px;
	text-align:justify;
}

#contenu11{
  position:relative;
	top: 7px;
	left: 210px;
	width: 390px;
	height:520px;
}


#menu-droit{
  position:relative;
	bottom: 515px;
	left: 540px;
	width: 155px;
	height:285px;
	text-align:left;	
}

#menu-droit-2{
  position:relative;
	bottom: 515px;
	left: 665px;
	width: 155px;
	height:215px;
	text-align:justify;	
}

#contenu12{
  position:relative;
	top: 6px;
	left: 250px;
	width: 650px;
	height:340px;
	overflow:auto;
}

#coordonnees{
  position:relative;
	left: 20px;
}

#puce{
  position:relative;
	left: 20px;
}

#puce2{
  position:relative;
	left: 10px;
}

#partenaires{
  position:relative;
	left: 16px;
}

#contenu8{
  position:relative;
	top: 3px;
	left: 250px;
	width: 650px;
	height:340px;
	overflow:auto;
}

#personnages{
  position:relative;
	top: 5px;
	left: 20px;
	height: 50px;
	width: 580px;
}

#activites{
  position:relative;
	top: 5px;
	left: 90px;
	height: 50px;
	width: 540px;
}

#activite1{
  position:relative;
	top: 30px;
	right: 200px;
}

#activite2{
  position:relative;
	top: 30px;
	right: 100px;
}

#contenu_profil{
  position:relative;
	top: 27px;
	left: 26px;
	width: 480px;
}

#contenu_cont{
  position:relative;
	top: 20px;
	left: 30px;
	width: 480px;
}

#contenu_list{
  position:relative;
	top: 25px;
	left: 20px;
	width: 480px;
}

#contenu2{
  position:relative;
	top: 42px;
	left: 20px;
	width: 480px;
}

#contenu3{
  position:relative;
	top: 27px;
	left: 200px;
	width: 600px;
	overflow: scroll;	
}

#copyright{
	position: relative;
	top: 35px;
	margin: 0 auto;
}

ul {
	position: relative;
	
}

li {
	color: #2a5d91;
	position: relative;
	left: 25px;
	width:590px;
	list-style-type: none;
    background:url(../images/puce.jpg) center left no-repeat;
    padding-left: 10px;
}

h6{
   color:#1b528a;
   font-size:13px;
   font-weight:bolder;
}

h5{
   color:#1b528a;
   font-size:15px;
   font-weight:bolder;
}

h4{
  color:#5a93b6;
  font-size:14px;
}

a:link { 
	color:#ffffff;
	}
	
a:visited { 
	color:#ffffff;
	}
	
a:hover, a:active { 
    color:#ffffff;
	}
	
a.one:link {color: #ffffff;}
a.one:visited {color: #ffffff;}
a.one:hover {color: #185aa6; }
a.one:active {color: #0d3566; }

a.two:link {color: #ffffff; text-decoration:none;}
a.two:visited {color: #ffffff; text-decoration:none;}
a.two:hover {color: #ffffff; text-decoration:underline;}
	
a.three:link {color: #185aa6; text-decoration:none;}
a.three:visited {color: #185aa6; text-decoration:none;}
a.three:hover {color: #185aa6; text-decoration:underline;}		
		
a.four:link {color: #000000; font-size:11px; text-decoration:none; font-family:arial, verdana, tahoma, serif;}
a.four:visited {color: #000000; font-size:11px; text-decoration:none; font-family:arial, verdana, tahoma, serif;}
a.four:hover {color: #185aa6; text-decoration:underline;}		
				
.style1{
   font-family:arial, verdana, tahoma, serif;
   color:#000000;
   font-size:11px;
   font-weight:500;
}

.style46{
   font-family:arial, verdana, tahoma, serif;
   color:#1b528a;
   font-size:8pt;
   font-weight:bold;
}

.style47{
   font-family:arial, verdana, tahoma, serif;
   color:#000000;
   font-size:9pt;
   font-weight:bold;
}

.style1-bold{
   font-family:arial, verdana, tahoma, serif;
   color:#1b528a;
   font-size:11px;
   word-spacing:2px;
   text-align:left;
   font-weight:bold;
}

.style23{
   font-family:comic sans ms, verdana, tahoma, serif;
   color:#6f9509;
   font-size:16px;
   word-spacing:2px;
   text-align:right;
}

.style-vert{
   font-family:comic sans ms, verdana, tahoma, serif;
   color:#6f9509;
   font-size:13px;
   word-spacing:2px;
   text-align:left;
}

.style18{
   font-family:arial, verdana, tahoma, serif;
   color:#000000;
   font-size:13px;
   text-align:justify;
}

.style78{
   font-family:arial, verdana, tahoma, serif;
   color:#000000;
   font-size:13px;
   text-align:justify;
   font-weight:bold;
}

.style28{
   font-family:arial, verdana, tahoma, serif;
   color:#ffffff;
   font-size:13px;
   text-align:justify;
}

.style3{
   font-family:arial, verdana, tahoma, serif;
   color:#ffffff;
   font-size:10px;
   word-spacing:2px;
   text-align:center;

}

.style4{
   font-family:comic sans ms, verdana, tahoma, serif;
   color:#5a93b6;
   font-size:11px;
   word-spacing:2px;
   text-align:center;
   font-size:xx-small;
}

.style5{
   font-family:comic sans ms, verdana, tahoma, serif;
   color:#ffffff;
   font-size:11px;
   word-spacing:2px;
   text-align:center;
   font-size:xx-small;
}

.style6 {
   color:#a3a3a3;
   font-size:small;
   text-decoration:underline;
   word-spacing:4px;
   letter-spacing:1pt;
   font-weight:bold;
}

.style45 {
   font-family:comic sans ms, verdana, tahoma, serif;
   color:#000000;
   font-size:13px;
   word-spacing:2px;
   font-style:italic;
}

.style7{
   font-family:comic sans ms, verdana, tahoma, serif;
   color:#000000;
   font-size:11px;
   word-spacing:2px;
   text-align:justify;
   font-weight:bold;
}

.style8{
   font-family:comic sans ms, verdana, tahoma, serif;
   color:#000000;
   font-size:12px;
   word-spacing:2px;
   text-align:justify;
   font-weight:bold;
}

.bold{
   font-family:comic sans ms, verdana, tahoma, serif;
   font-size:11px;
   word-spacing:2px;
   text-align:center;
   font-size:xx-small;
   font-weight:bold;
}

.updates{
   font-family:comic sans ms, verdana;
   color:#5a93b6;
   font-size:11pt;
   font-weight:bolder;
}

.header{
   font-family:comic sans ms, verdana;
   color:#5a93b6;
   font-size:13pt;
   font-weight:bolder;
   letter-spacing:1px;
}


.titre1{
   font-family:comic sans ms, verdana;
   color:#000000;
   font-size:11pt;
   font-weight:bolder;
   letter-spacing:1px;
}

.titre2{
   font-family:comic sans ms, verdana;
   color:#000000;
   font-size:10pt;
	font-style:italic;
}

.header2{
   font-family:verdana;
   color:#5a93b6;
   font-size:10pt;
   font-weight:bolder;
}

.header7{
   font-family:verdana;
   color:#4e4e4e;
   font-size:11pt;
   font-weight:bolder;
}

.white{
   a:link {color: #FFFFFF}
}

.header3{
   font-family:verdana;
   color:#a3a3a3;
   font-size:10pt;
   font-weight:bolder;
}