/* fond entier orange */
body {
	margin: 0px 0px 0px 0px;
	text-align: center;
    background-color: #FFFFFF;
    font-family: "Trebuchet MS", Tahoma, Verdana,  serif;
}

.fondvertorange {
background-image: url("images/FondVertOrange.JPG"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}


.fondvertmauve {
background-image: url("images/FondVertMauve.JPG"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}


.fondmauveorange {
background-image: url("images/FondMauveOrange.JPG"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}



.fondvioletmauve {
background-image: url("images/FondVioletMauve.JPG"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}

.fondvertvert {
background-image: url("images/FondVertVert.JPG"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}

.fondvioletorange {
background-image: url("images/FondVioletOrange.JPG"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}

.fondvioletvert {
background-image: url("images/FondVioletVert.JPG"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}

.fondorangeorange {
background-image: url("images/FondOrangeOrange.JPG"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}

.fondlogopuce {
background-image: url("images/LogoPuce.png"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}



.fondlogosite {
background-image: url("images/logosite.gif"); 
   background-repeat: repeat; 
   background-position: top left; /* Le fond est aligné en haut à droite */
   background-attachment: fixed; /* Le fond est fixé */
}


a
{
   text-decoration: none; 
}

.photopartenaire {
    width : 150px ;
    vertical-align : middle ; 
	border : 1px solid #66cc33;
}


.photopartenaire:hover, .photopartenaire:active, .photopartenaire:focus { 
   width : 150px ;
    vertical-align : middle ; 
	border : 1px solid #ff9900;
}


/*partie centrale contenant toutes les autres parties  sauf pied*/
#contenant {
	width: 980px;
    height : 580px;
	background-color: #FFFFFF;
	border :    2px solid #ffffff ; 
	margin: auto;
    margin-top: 20px;
	margin-bottom: 20px;
	
}

#contenantnf {
	width: 980px;
    min-height : 580px;
	
	background-color: #FFFFFF;
	border :    2px solid #ffffff ; /*   border : 2px solid #ffffff ; */
	margin: auto;
    margin-top: 20px;
	margin-bottom: 20px;
	
}


/* banniere */
#banniere {
	width: 980px;
    height : 140px;
	border : none ;
    margin :10px 0px 10px 0px;	
}

/* logobanniere */
 #logobanniere {
	float: left;
	width: 140px;
    height : 140px;
	background-image: url("images/logosite.gif");
	background-repeat: no-repeat;
	background-position: center center;
	border : none ;
	}

#bannieredroite {
	width: 840px;
	height : 140px;
	/*margin-left : 140px;*/
	float: left;
    background-image: url("images/Bannf.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	border : none ;
}

/* menu*/
#menu { 
	clear : both;
    float : left;
    height : 420px;
	width : 140px;
	border : none ;
	background-color : #ffffff;
}


#rubrique1 { 
    background-color: #ffffff;
    height : 132px;
	width: 132px;
	margin : 1px;
	margin-bottom : 2px;
	padding : 1px;
	border : solid 2px #ff9900;
	color : #9900cc ;
	
}

#rubrique1:hover, #rubrique1:active, #rubrique1:focus { 
   background-image: url("images/FondVertOrange.JPG"); 
   background-repeat: repeat; 
   background-position: top left;
	color : #660099;
}

#rubrique2 { 
    background-color: #ffffff;
    height : 132px;
	width: 132px;
	margin : 1px;
	margin-bottom : 2px;
	padding : 1px;
	border : solid 2px #66cc33;
	color : #ff9933 ;
}

#rubrique2:hover, #rubrique2:active, #rubrique2:focus { 
	background-image: url("images/FondVioletVert.JPG"); 
   background-repeat: repeat; 
   background-position: top left; 
	border : solid 2px #336600;
	color : #ff6600 ;
}


#rubrique3 { 
    background-color: #ffffff;
    height : 132px;
	width: 132px;
	margin : 1px;
	margin-bottom : 2px;
	padding : 1px;
	border : solid 2px #cc99ff;
	color : #66cc33	;
}


#rubrique3:hover, #rubrique3:active, #rubrique3:focus { 
   background-image: url("images/FondOrangeOrange.JPG"); 
   background-repeat: repeat; 
   background-position: top left; 
	color : #336600	;
}


#menu h2 {
	font-size : large;
	text-align : center ;
	margin : 0px;
	margin-top : 10px;
}

#menu h3 {
	font-size : small;
	font-style : italic;
	text-align : left ;
	margin : 0px;
	margin-top : 5px;
}
/* fin menu */


/* corps */

#corps { 
    background-color: #ffffff;
    height : 420px;
	margin-left : 140px;
	width: 840px;
	border : none;
}


#corpsnf { 
    background-color: #ffffff;
    min-height : 420px;
	margin-left : 140px;
	width: 840px;
	border : none;
}

#corps .gauche{
   	font-size : x-large;
	line-height : 100%;
	text-align : left ;
	margin : 0px;
}

#corps  .centre{
    font-size : x-large;
	line-height : 100%;
	text-align : center ;
	margin : 0px;
}
#corps  .droite{
 	font-size : x-large;
	line-height : 100%;
	text-align : right ;
	margin : 0px;
}


#corpsnf h1 {
	font-size : medium;
	text-align : left ;
	color : #66cc33 ;
	margin : 0px;
	margin-left : 5px;
}


#corpsnf .milieu {
	font-size : large;
	text-align : center ;
	color : #ff9900 ;
	margin-top : 15px;
	margin-bottom : 15px;
}


#corpsnf h2 {
	font-size : medium;
    line-height : 120% ;
	text-align : left ;
	color : #660099;
	margin : 0px;
	margin-left : 5px;
}


#corpsnf h3 {
	font-size : medium;
    line-height : 120% ;
	text-align : left ;
	color : #ff9900;
	margin : 0px;
	margin-left : 5px;
	
}


#corpsnf .important {
	font-size : large;
	color : #ff9900 ;
	font-weight : bold;
}


#corpsnf .moinsimportant {
	font-size : small;
	color : #66cc33 ;
	font-weight : normal;
}


#corpsnf .moinsimportantm {
	font-size : small;
	color : #9900cc ;
	font-weight : bold;
}


#corpsnf .moinsimportanto {
	font-size : medium;
	color : #ff9900 ;
	font-weight : normal;
} 

#corpsnf ul {
	list-style : outside url("images/LogoPuce.png");
	
}


.domaine:before {
    content : "Domaines privilégiés :" ;
	font-size : small ;
	font-weight : bold ;
	font-style : italic;
	color : #cc99ff;
}

.description {
    color : #660099 ; 
	font-size : small ; 
	text-align : left ; 
	margin : 5px 5px 20px 40px;
	line-height : 120%;
}	


.survol:hover, .survol:active, .survol:focus { 
    color : #66cc33	;
}

.survol{ 
    color : #660099	;
}



#corps h3 {
	font-size : small;
	line-height : 120%;
	text-align : center ;
	margin : 0px;
}

#corps h4 {
	font-size : xx-small;
	font-style : italic;
	line-height : 120%;
	text-align : left ;
	margin : 0px;
	margin-top : 5px;
	
}

#ligne1 { 
    background-color: #ffffff;
    height : 140px;
	width: 840px;
	margin : 0px;
	border : none;
}

#presentation1 { 
    float : left ;
	background-color: #ffffff;
    height : 130px;
	width: 550px;
	margin : 1px;
	padding : 1px;
	border : double 3px #66cc33;
	color : #ff9900	;
}


#presentation1:hover, #presentation1:active, #presentation1:focus { 
     background-image: url("images/FondVioletMauve.JPG"); 
   background-repeat: repeat; 
   background-position: top left;
	color : #ff9900	;
}


#photo1 { 
    float : left ;
	background-color: #ffffff;
    height : 134px;
	width:134px;
	margin : 1px;
	padding : 1px;
	border : solid 1px #9900cc;
	color : #9900cc	;
	background-image: url("images/PomTerMdJm.JPG");
	background-repeat: no-repeat;
	background-position: center center;
}


#textephoto1 { 
   	background-color: #ffffff;
	float : left ;
    height : 134px;
	width:134px;
	margin : 1px;
	padding : 1px;
	border : solid 1px #9900cc;
	color : #9900cc	;
}

#ligne2 { 
    background-color: #ffffff;
    height : 140px;
	width: 840px;
	margin : 0px;
	border : none;
}

#textephoto3 { 
    float : left ;
	background-color: #ffffff;
    height : 134px;
	width:134px;
	margin : 1px;
	padding : 1px;
	border : solid 1px #ff9900;
	color : #ff9900;
}


#presentation2 { 
    float : left ;
	background-color: #ffffff;
    height : 130px;
	width: 550px;
	margin : 1px;
	padding : 1px;
	border : double 3px #9900cc;
	color : #cc99ff	;
}


#presentation2:hover, #presentation2:active, #presentation2:focus { 
    background-image: url("images/FondMauveOrange.JPG"); 
   background-repeat: repeat; 
   background-position: top left;
	color : #336600	;
}

#photo2 { 
    float : left ;
	background-color: #ffffff;
    height : 134px;
	width:134px;
	margin : 1px;
	padding : 1px;
	border : solid 1px #cc99ff;
	color : #cc99ff;
	background-image: url("images/StValenm.JPG");
	background-repeat: no-repeat;
	background-position: center center;
}


#ligne3 { 
    background-color: #ffffff;
    height : 140px;
	width: 840px;
	margin : 0px;
	border : none;
}

#photo3 { 
    float : left ;
	background-color: #ffffff;
    height : 134px;
	width:134px;
	margin : 1px;
	padding : 1px;
	border : solid 1px #ff9900;
	color : #ff9900;
	background-image: url("images/PimentBaotakm.JPG");
	background-repeat: no-repeat;
	background-position: center center;
}




#photo4 { 
    float : left ;
	background-color: #ffffff;
    height : 134px;
	width:134px;
	margin : 1px;
	padding : 1px;
	border : solid 1px #66cc33;
	color : #66cc33	;
	background-image: url("images/Primeursm.JPG");
	background-repeat: no-repeat;
	background-position: center center;
}
#textephoto4 { 
    float : left ;
	background-color: #ffffff;
    height : 134px;
	width:134px;
	margin : 1px;
	padding : 1px;
	border : solid 1px #66cc33;
	color : #66cc33	;
}
#presentation3 { 
    float : left ;
	background-color: #ffffff;
    height : 130px;
	width: 270px;
	margin : 1px;
	padding : 1px;
	border : double 3px #ff9900;
	color : #9900cc	;
}


#presentation3:hover, #presentation3:active, #presentation3:focus { 
     background-image: url("images/FondVertOrange.JPG"); 
   background-repeat: repeat; 
   background-position: top left;
	color : #9900cc	;
}

#textephoto2 { 
    float : left ;
	background-color: #ffffff;
    height : 134px;
	width:134px;
	margin : 1px;
	padding : 1px;
	border : solid 1px #CC99FF;
	color : #CC99FF	;
}
/* fin corps */

/*partie centrale contenant toutes les autres parties  sauf pied*/
#pied {
	width: 980px;
    height : 44px;
	background-color: #FFFFFF;
    border :    2px solid #ffffff ; 
	margin: auto;
	margin-bottom: 10px;
}


#pied1 { 
    background-color: #ffffff;
	float : left ;
    height : 36px;
	width: 132px;
	margin : 1px;
	padding : 1px;
	border : solid 2px #9900cc;
	color : #cc99ff ;
}

#pied1:hover, #pied1:active, #pied1:focus { 
    background-color: #660099;
}


#pied2 { 
    background-color: #ffffff;
	float : left ;
    height : 36px;
	width: 132px;
	margin : 1px;
	padding : 1px;
	border : solid 2px #66cc33;
	color : #9900cc ;
}

#pied2:hover, #pied2:active, #pied2:focus { 
    background-color: #ff9900;
}



#pied3 { 
    background-color: #ffffff;
	float : left ;
    height : 36px;
	width: 132px;
	margin : 1px;
	padding : 1px;
	border : solid 2px #cc99ff;
	color : #ff9900 ;
}

#pied3:hover, #pied3:active, #pied3:focus { 
    background-color: #66cc33;
	color : #ff6600 ;
}

#pied4 { 
    background-color: #ffffff;
	float : left ;
    height : 36px;
	width: 132px;
	margin : 1px;
	padding : 1px;
	border : solid 2px #ff9900;
	color : #66cc33 ;
}

#pied4:hover, #pied4:active, #pied4:focus { 
    background-color: #cc99ff;
	color : #336600 ;
}


#pied5 { 
    background-color: #ffffff;
	float : left ;
    height : 36px;
	width: 132px;
	margin : 1px;
	padding : 1px;
	border : solid 2px #66cc33;
	color : #cc99ff ;
}

#pied5:hover, #pied5:active, #pied5:focus { 
    background-color: #336600;
	}
	
#pied6 { 
    background-color: #ffffff;
	float : left ;
    height : 36px;
	width: 132px;
	margin : 1px;
	padding : 1px;
	border : solid 2px #ff9900;
	color : #9900cc ;
}

#pied6:hover, #pied6:active, #pied6:focus { 
    background-color: #66cc33;
	}
		
#pied7{ 
    background-color: #ffffff;
	float : left ;
    height : 36px;
	width: 132px;
	margin : 1px;
	padding : 1px;
	border : solid 2px #66cc33;
	color : #ff9900 ;
}

#pied7:hover, #pied7:active, #pied7:focus { 
    background-color: #660099;
	}
	
#pied h2 {
	font-size : large;
	line-height : 100%;
	text-align : center;
	margin : 0px;
}
#pied h3 {
	font-size : small;
	line-height : 100%;
	text-align : center;
	margin : 0px;
}
#pied h4 {
	font-size : x-small;
	line-height : 100%;
	text-align : center;
	margin : 0px;
}
/* fin pied*/