a:link,a:active,a:visited
{ 
text-decoration:none;
} 
a:hover
{
color: #FF0000;
}  
body {
	background-color: #ffccff;
	margin: 0px;
	padding: 0px;
}
h4 a:hover
{  
text-align:center;
display:block;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
font-weight: bold;
font-size: 20pt;
background-color: #E7CBFF;
color: #000000;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #FF0000;
}
h4 a
{  
text-align:center;
display:block;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
font-weight: bold;
font-size: 20pt;
background-color: #CFFFDA;
color: #000000;
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #660066;
} 
#listecolo, #listecolo ul {	  
list-style:none;
margin-top:0px;
padding:0px;
text-align: justify;
}
#listecolo li {	  
list-style:none;
display:inline-block;
height: 45px;
width: auto; 
margin: 5px;
}
#listecolo li a:link,#listecolo li a:visited,#listecolo li a:active {	  
font-size: 14pt;  
padding: 10px;
background-color: #D9FFD3; 
text-align: center;
border-style: solid;
font-weight:bold;
border-width: 2px;
border-color: #000000;	
}
#listecolo li a:hover {	  
font-size: 14pt; 
background-color: #C0E5AF; 
text-align: center;	
font-weight:bold;
border-style: solid;
border-width: 2px;
border-color: #FF0000;
}
.pub336 {	
position:absolute;
display:block;
width:340px;
height:284px;
padding:0px;
margin:0px;
}
.description {	
font-family: Arial, Verdana;
font-weight:bold;
text-align: justify;
position:relative;
display:block;
min-height:280px;
width:auto;
height:auto;
padding:5px;
margin-left:350px;
background-color:#ffffff;
font-size:12pt;
border: solid;
border-width:1px;
border-color: #000000;
}
.html {	
position:relative;
display:block;
margin-left: auto;
margin-right: auto;
margin-top:3px;
text-align:center;  
background-color: #FFFFFF;
width:220px;
padding: 3px;
}
.toutlesite {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;	  
margin-top:120px;	  
width:90%;
min-width:1110px;
background-color: #FFFFFF;
}
.contenu {
position:relative;
width:auto;  
padding-left:215px;
padding-right:175px;
padding-top:5px;
} 
.contenu h1
{				  
margin-top: 0px;
margin-left: 25px;
font-size: 24pt;
color: #000000;
padding-bottom:5px;
border-width: 1px;
border-bottom-width: 100%;
border-bottom-style: solid;
border-bottom-color: #595959;
}
.contenu h2
{				  
margin-top: 0px;
margin-left: 25px;
font-size: 16pt;
color: #000000;
padding-bottom:5px;
border-width: 1px;
border-bottom-width: 100%;
border-bottom-style: solid;
border-bottom-color: #595959;
}
.topsite {	  
width:100%;	
height:30px;
margin:0px;
padding-top:3px;
padding-bottom:5px;
background-color: #000000;
}
.search {
position:absolute;
width:280px;	  
margin-top:5px;
right:50px;
}
.reseau, .reseau ul { 
list-style:none;
display:inline-block;
position:absolute;
margin-top:0px;
padding:0px;
left:50px;
}
.reseau li { 
list-style:none;
display:inline-block;
margin-left:10px;	  
margin-top:5px;
left:50px;
}
.pageselection {
position:inherit; 
display:block;
margin-left:auto;	  
margin-right:auto;	  
margin-top:5px;
margin-bottom:5px;
text-align: center;
}	 
.pageselection li {
list-style:none;
display:inline-block;
text-align: center;
margin:0px;
padding:0px;
}
.pageselection li a{
font-family: Arial, Verdana;
font-weight:bold;
list-style:none;
display:inline-block;
text-align: center;
margin:6px;
background-color:#FFFF00;
padding:10px;
color:#000000;
}
.pageselection li a:hover{ 
font-family: Arial, Verdana;
font-weight:bold;
list-style:none;
display:inline-block;
text-align: center;
margin:6px;
background-color:#FFCC99;
padding:10px; 
color:#660066;
}
.pubhaut { 
position:absolute;
margin-top:0px;
padding-left:0px;
padding-right:0px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
width:100%;
background-color:#FF99FF;
}
.titre { 
position:absolute;
margin:0px;
padding:0px;
width:100%;	
min-width:1060px;
text-align:center;
}
.titre ul { 
list-style:none;
display:inline-block;
}
.titre li { 
list-style:none;
display:inline-block;
margin-left:10px;	  
margin-top:5px;
}
.titre li h1 { 
	font-size: 28px;
	color: #660066;
	margin-top:0px;	  
	margin-bottom:0px;
	margin-right:150px;
	padding:0px;
}  
.titre li h2 { 
	font-size: 24px;
	color: #660066;	 
	margin-top:5px;
	margin-bottom:0px;
	margin-left:150px;
	padding:0px;
}  
.titremenu { 
width:190px;
background-color: #9966FF;
text-align:center;
padding:3px;
margin:0px;
border-width: 2px;
border-left-width: 100%;
border-left-style: solid;
border-left-color: #CC6600;
border-right-width: 100%;
border-right-style: solid;
border-right-color: #CC6600;
}  
.titrecoloriage { 
width:196px;
background-color: #BACBFF;
text-align:center;
border-width: 2px;
border-left-width: 100%;
border-left-style: solid;
border-left-color: #CC6600;
border-right-width: 100%;
border-right-style: solid;
border-right-color: #CC6600;
border-top-width: 100%;
border-top-style: solid;
border-top-color: #CC6600;
}   
.titrecoloriage h2 { 
font-size:15pt;	
padding:3px;
margin:0px;	
}   
.titremenu h3 { 
font-size:15pt;
padding:0px;
margin:0px;	
}  
.menualign { 
position: absolute;
width:200px;
padding:0px;
z-index:25;
left:0px;
margin:0px;
border-width: 2px;
border-bottom-width: 100%;
border-bottom-style: solid;
border-bottom-color: #CC6600;	
}  
.pubdroite { 
position: absolute;
width:160px;
padding:0px;  
z-index:25;
right:0px;
margin:0px;
}  
#menutop, #menutop ul {	  
list-style:none;
text-align:center;
margin-top:5px;
margin-left:0px;
margin-right:40px;
margin-bottom:0px;
padding-top:40px; 
min-width:1060px;
}
#menutop li a:link, #menutop a:visited, #menutop a:active {
font-size:14pt;
color: #000000;
padding: 5px;	 
text-decoration:none;
}
#menutop li a:hover{
font-size:14pt;
color: #FFFFFF;	 
padding: 5px;	  
text-decoration:none;
}
#menutop li{		
list-style:none;
display:inline-block;
margin: 0px;
padding:5px;
border-radius:8px 8px 0 0;
}
/* background des liens menus */
#menutop li:first-child{
background-color: #E1D0F6;
background-image:-webkit-linear-gradient(top, #E1D0F6 0%, #FFFFFF 100%);
background-image:linear-gradient(to bottom, #E1D0F6 0%, #FFFFFF 100%);
}
#menutop li:nth-child(2){
background-color: #CCE1FD;
background-image: -webkit-linear-gradient(top, #CCE1FD 0%, #FFFFFF 100%);
background-image:linear-gradient(to bottom, #CCE1FD 0%, #FFFFFF 100%);
}
#menutop li:nth-child(3){
background-color: #F6F5BC;
background-image:-webkit-linear-gradient(top, #F6F5BC 0%, #FFFFFF 100%);
background-image:linear-gradient(to bottom, #F6F5BC 0%, #FFFFFF 100%);
}
#menutop li:nth-child(4){
background-color: #D8FFC8;
background-image:-webkit-linear-gradient(top, #D8FFC8 0%, #FFFFFF 100%);
background-image:linear-gradient(to bottom, #D8FFC8 0%, #FFFFFF 100%);
}
#menutop li:nth-child(5){
background-color: #FFCFEE;
background-image:-webkit-linear-gradient(top, #FFCFEE 0%, #FFFFFF 100%);
background-image:linear-gradient(to bottom, #FFCFEE 0%, #FFFFFF 100%);
}
#menutop li:nth-child(6){
background-color: #E0D6FF;
background-image:-webkit-linear-gradient(top, #E0D6FF 0%, #FFFFFF 100%);
background-image:linear-gradient(to bottom, #E0D6FF 0%, #FFFFFF 100%);
}
#menutop li:nth-child(7){
background-color: #C4FFD9;
background-image:-webkit-linear-gradient(top, #C4FFD9 0%, #FFFFFF 100%);
background-image:linear-gradient(to bottom, #C4FFD9 0%, #FFFFFF 100%);
}
#menutop li:last-child{
background-color: #E8FFCD;
background-image:-webkit-linear-gradient(top, #E8FFCD 0%, #FFFFFF 100%);
background-image:linear-gradient(to bottom, #E8FFCD 0%, #FFFFFF 100%);
}
/* background des liens menus au survol */
#menutop li:first-child:hover, #menutop li:first-child li:hover{
background:#E1D0F6;
}
#menutop li:nth-child(2):hover, #menutop li:nth-child(2) li:hover{
background:#CCE1FD;
}
#menutop li:nth-child(3):hover, #menutop li:nth-child(3) li:hover{
background:#F6F5BC;
}
#menutop li:nth-child(4):hover, #menutop li:nth-child(4) li:hover{
background:#D8FFC8;
}
#menutop li:nth-child(5):hover, #menutop li:nth-child(4) li:hover{
background:#FFCFEE;
}
#menutop li:nth-child(6):hover, #menutop li:nth-child(4) li:hover{
background:#E0D6FF;
}
#menutop li:nth-child(7):hover, #menutop li:nth-child(4) li:hover{
background:#C4FFD9;
}
#menutop li:last-child:hover, #menutop li:last-child li:hover{
background:#E8FFCD;
}   
#menuindex, #menuindex ul {	  
list-style:none;
margin:0px;
padding:0px;
background: url(img/menu.jpg) no-repeat;
width: 200px;
}
#menuindex li {	  
margin:0px;
padding:0px;
width: 200px;
display: block;
}
#menuindex li a:link,#menuindex li a:visited,#menuindex li a:active {	  
margin:0px;
padding:5px;
background: url(img/menu.jpg) no-repeat;
width: 200px;
display: block;
}
#menuindex li a:hover {	  
margin:0px;
background: url(img/menuhover.png) no-repeat;
width: 200px;
display: block;
}
/* Galerie Photo Dhtml */
#galerie {
display: table-cell;
text-align: center;
padding-top:10px;
}
#galerie img {
border: 1px solid #443027;
margin: 8px;
vertical-align: middle;
width:110px;
height:150px;
}
#galerie img:hover {
border: 3px solid #FF0000;
margin: 6px;
}
#fonddecran {
display: table-cell;
text-align: center;
padding-top:10px;
}
#fonddecran img {
border: 1px solid #443027;
margin: 8px;
vertical-align: middle;
}
#fonddecran img:hover {
border: 3px solid #FF0000;
margin: 6px;
}
#thumbBox {
position: absolute;
left: 0;
top: 0;
width: auto;
/* top right bottom left */
padding: 5px 10px 0 10px;
color: black;
background-color: white;
border: 1px solid black;
visibility: hidden;
z-index: 10;
cursor: pointer;
}
#thumbBox #thumbImage {
font-weight: bold;
color: black;
background-color: white;
margin-bottom: 5px;
}
#thumbBox #thumbImage img {
border: 1px solid black;
width:auto;
max-width:500px;
height:auto;
max-height:650px
}
#thumbLoading {
position: absolute;
visibility: hidden;
border: 1px solid black;
color: black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
@media print {
 img {
 width:7.5in;
 height:auto; 
 max-width: 7.5in;
 max-height: 9.5in;
 margin:auto;
 }
 }