﻿@charset "utf-8";
/* CSS Document */
/*feuille css crée par Mélusinecréation*/
/*****************************************************************************************************/
body { 
	/*background-color: #336666;*/
	background-image:url('../Images/fond-image-bleu.gif');
	text-align:justify;
	color:#FFFFFF;
	
	
	
}

#grandconteneur{
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	
}

#accueil {
	display: block;
	width:40%;
	height:130px;
	position: absolute;
	top: 1px;
}




#head { 
	width: 1024px;
	height: 164px;
	background-image: url('../_images/a_01.png');
	/*('../_images/stefneige_anime.gif');*/
	/*('../_images/stefneige.png');*/
	}
#contenu{
	width: 738px;
	min-height:615px;
	background:url('../_images/a_07.png') repeat-y;
	margin: 0 auto;
	text-align:justify; padding-left:12px; padding-right:12px; padding-top:0; padding-bottom:0
}

#contenu a {	color: #FFFFFF;}
#contenu a:hover {	color: #FFFFFF;}
#contenu a:hover span {	color: #999999;}



#contenu2{
	width: 832px;
	min-height:615px;
	background:url('../_images/a_07.png') repeat-y;
	margin: 0 30px;
	/*border: 1px solid #FF0000;*/
	float:left; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}

#contenu2 a {	color: #FFFFFF;}
#contenu2 a:hover {	color: #FF6699;}
#contenu2 a:hover span {	color: #999999;}

#contenu3{
	width: 405px;
	min-height:615px;
	background:url('../_images/a_07.png') repeat-y;
	margin: 0 30px;
	/*border: 1px solid #FF0000;*/
	float:left; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
}

#contenu3 a {	color: #FFFFFF;}
#contenu3 a:hover {	color: #FF6699;}
#contenu3 a:hover span {	color: #999999;}

#contenu4{
	width: 405px;
	min-height:615px;
	background: url('../_images/separateur_20.png') repeat-y;
	margin: 0 0px;
	/*border: 1px solid  #6699CC;*/
	float:left; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}

#contenu4 a {	color: #FFFFFF;}
#contenu4 a:hover {	color: #FF6699;}
#contenu4 a:hover span {	color: #999999;}

#contenu5{
	width: 820px;
	background:url('../_images/a_07.png') repeat-y;
	margin: 0 30px;
	float:left; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}

#contenu5 a {	color: #FFFFFF;}
#contenu5 a:hover {	color: #FF6699;}
#contenu5 a:hover span {	color: #999999;}



#contenu6{
	width: 580px;
	min-height:615px;
	background:url('../_images/a_07.png') repeat-y;
	margin: 0 30px;
	/*border: 1px solid  #6699CC;*/
	float:left; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0

}

#contenu6 a {	color: #FFFFFF;}
#contenu6 a:hover {	color: #FF6699;}
#contenu6 a:hover span {	color: #999999;}


#contenu7{
	width: 205px;
	min-height:615px;
	background: url('../_images/separateur_20.png') repeat-y;
	margin: 0 0px;
	/*border: 1px solid  #6699CC;*/
	float:left; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}

#contenu7 a {	color: #FFFFFF;}
#contenu7 a:hover {	color: #FF6699;}
#contenu7 a:hover span {	color: #999999;}

#contenu8{
	width: 345px;
	min-height:615px;
	background:url('../_images/a_07.png') repeat-y;
	margin: 0 30px;
	/*border: 1px solid #FF0000;*/
	float:left; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
}

#contenu8 a {	color: #FFFFFF;}
#contenu8 a:hover {	color: #FF6699;}
#contenu8 a:hover span {	color: #999999;}

#contenu9{
	width: 345px;
	min-height:615px;
	background: url('../_images/separateur_20.png') repeat-y;
	margin: 0 0px;
	/*border: 1px solid  #6699CC;*/
	float:left; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}

#contenu9 a {	color: #FFFFFF;}
#contenu9 a:hover {	color: #FF6699;}
#contenu9 a:hover span {	color: #999999;}

#contenu10{
	width: 700px;
	background:url('../_images/a_07.png') repeat-y;
	margin: 0 30px;
	float:left; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0
}

#contenu10 a {	color: #FFFFFF;}
#contenu10 a:hover {	color: #FF6699;}
#contenu10 a:hover span {	color: #999999;}
/*****************************************************************************************************/
/* partie menu et surfeur */
#sousheader {
	width: 100%;
	height: 58px; 
	
}


#surf{
	width: 130px;
	height: 130px;
	background: url('../_images/surf_13.png') no-repeat left;
}

#cotedroitpub {
	background-color: #0066CC;
	width: 100%;
	max-width: 820px;
	height: 100%;
	border: 1px solid #003300;
	font-size:12px;
}

#cotedroitpub a {	color:#000033;}
#cotedroitpub a:hover {	color: #CCCCCC;}
#cotedroitpub a:hover span {	color: #FF6633;}

#cotedroitpub2 {
	background-color: #000000;
	width: 100%;
	height: 100%;
	border: 1px solid #003300;
}

#cotedroitpub2 a {	color: #FFFFFF;}
#cotedroitpub2 a:hover {	color: #999999;}
#cotedroitpub2 a:hover span {	color: #666666;}

/******************************************************/
/*partiegauche */
#partiegauche {
	width: 101px;
	height: auto;
	float: left;
	margin: 0;
	padding:0;
	/*border: 1px solid #00FF99;*/
}
#souspartiegauche {
	width: 123px;
	height:auto;	
	float: left;
	margin: 10px;
	padding:0 0;
	border: 1px  dotted  #000099;
}



/*****************************************************************************************************/
/* partie droite */
#partie2 { 
	width: 100px;
	height: 100%;
	padding: 0;
	margin: 0;
	float: right;
	clear: right;
}
#partie2 a {
	text-decoration: none;
}

/*****************************************************************************************************/
/*pied de bas de page */
#footer {
	width: 1024px; 
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	/*border: 1px solid #FF0000;*/
}

#pied {
	width: 1024px; 
	height: 300px;
	margin: 0;
	padding: 0;
}
	
#pied a, #legal a {
	text-decoration: none;
	font-size: small;
}


#footer_top_gauche {
	background: url('../_images/a_10.png') no-repeat;
	color: #FFFFFF;
	font-size:13px;
	font-weight: bold;	
	height: 65px;
	float: left;
	margin : 0 1px;
	width: 784px
	
}

#footer_top_gauche a {
color: #009999;
}
#correctif_footer{
	width: 129px;
	float: left;
	clear: left;
	height: 65px;

}



#footer_milieu_milieu {
	width: 784px;
	height:100%;
	font-size:12px;
	padding: 0  ;
	margin: 0 -1px;
	float: left;
	background: url('../_images/a_15.png') repeat-y;
	/*border: 1px solid #FFCC00;*/
}
#footerfin {
	width: 784px;
	padding: 0  ;
	margin: 0 -1px ;
	background: url('../_images/a_18.png') no-repeat;
	float:left;
	/*border: 1px solid #FFCC00;*/
	height:10px

}

img{
	border: none;
}
#vip {
	height: 150px;
	width:100px;
	float: right;
	clear:right;
	padding: 0 ;
	margin: 0;
	/*border: 1px solid #FFCC00;*/
	
	
}
#partenaire  {
	height: 100%;
	width: 96%;
	float: left;
	margin: 0;
	padding: 0 5px;

}

#partenaire a {color: #FFFFFF;}
#partenaire a:hover{color: #999999;}
#partenaire a:hover span {color: #333333;}

#partenaire2  {
	height: 100%;
	width: 96%;
	float: left;
	margin: 0;
	padding: 0 5px;

}

#partenaire2 a {color: #FFFFFF;}
#partenaire2 a:hover{color: #999999;}
#partenaire2 a:hover span {color: #333333;}

#minisurf  {
	height: 100px;
	width: 131px;
	float: left;
	clear: left;
	padding: 0  ;
	margin: 0;
	
}

.ban {
	border: 0px none;
	width: 88px;
	height: 31px
}