body {
background:url(images/degrade1.jpg) repeat-x; 
}

p
{
margin:0;
padding:0;
}

h3
{
margin:0px;
padding:0px;
}

/*En tete :*/
#EnTete 
{
background:url(images/banniere2.jpg) no-repeat;
width:960px; /* 960 */
height:123px;
margin:0px auto;
padding:0;
/*padding:94px 0 0 29px;*/
}

#EnTete h1
{
text-decoration:none;
font-size:9px;
color:white;
font-family:Arial;
margin:0px;
position:relative;
z-index:5;
top:-28px;
left:30px;
}

/* Menu : */
#menu
{
background:url(images/Menu2.jpg) no-repeat;
width:960px; /*960*/
height:38px;
margin:0px auto;
padding:0px 3px 0px 0px;

}

#menu ul
{
	list-style-type:none;
	margin:0 0 0 0px; 
	padding:0 0 0 0px;
	
}

#menu  li
{
	padding:0px 0 0 0px;
	float:left;
	text-align:center;
	width:192px;
}

#menu ul li a
{
text-decoration:none;
display:block;
width:192px; /*  192 */
height:38px; /*38  */
font-size:12px;
color:white;
font-family:Arial;
line-height:35px;
}

#menu ul li a:hover
{
color:white;
background-color:#2598b0; /*014b5a */
font-family:Arial;
}


/* Bloc 1 : */
#bloc1
{
clear:both;
width:960px;
height:217px;
margin:0px auto;
padding:3px 0 0 0;
}

#bloc1 #animation
{
	background:url(images/animation.jpg) no-repeat;
	width:550px;
	height:213px;
	float:left;
}

#bloc1 #bienvenue
{
	background:url(images/imgBienvenue.jpg) no-repeat;

	width:403px;
	height:215px; /*  213 */
	float:left;
	margin-left:5px;
	padding:6px 0 0 1px;/* 8 0 0 1 */
}

#bloc1 p
{
font-size:11px;
color:black;
font-family:Arial;
width:380px;
height:60px;
text-align:justify;
padding:0px 0 15px 3px;
}

#bloc1 form
{
font-size:11px;
color:black;
font-family:Arial;
width:380px;
height:60px;
text-align:justify;
padding:0px 0 15px 3px;
}

#bloc1 #fenetre
{
padding:5px 10px 0px 10px;
margin:0;
background-image:url(images/fenetre2.jpg);
width:280px;
height:75px;
font-size:11px;
font-family:Arial;
}

#bloc1 #fenetre p
{
padding:0px 0 10px 0px;
height:17px;
color:#636363;
}

#bloc1 #fenetre img
{
float:right;

}

#bouton a
{
	text-decoration:none;
	color:white;
	display:block;
	background-image:url(images/gif/bouton.gif) ;
	background-repeat:no-repeat;
	width:117px; /*90*/
	height:22px;
	padding:6px 0 0 0;
}

#bouton a:hover
{
	background:url(images/gif/boutonHover.gif) no-repeat;
	
}

#bouton
{

margin:0;
color:white;
padding:0; /* 6 0 0 27 */
text-align:center;
font-size:12px;
font-family:Arial;
}


/*Bloc 2 : */
#bloc2
{
width:945px; /* 960 */
height:327px;
margin:0px auto;
background-color:#f0f2f1;
padding:10px 0 0 15px;
}

#bloc2 #pave1
{
	background:url(images/imgTheme1.jpg) no-repeat;
	width:310px; /*313*/
	height:327px; /*340*/
	float:left;
	padding:8px 0 0 2px;
}

#bloc2 #pave2
{
	background:url(images/imgTheme2.jpg) no-repeat;
	width:311px; /*327*/
	height:327px;
	float:left;
	padding:8px 0 0 2px;
}

#bloc2 #pave3
{
	background:url(images/imgTheme3_2.jpg) no-repeat;
	width:304px; /*311 */
	height:327px;
	float:left;
	padding:8px 0 0 2px;
}


#bloc2 p
{
font-size:11px;
color:black;
font-family:Arial;
width:280px;
height:60px;
text-align:justify;
padding:0px 0 0 8px;
/* text-indent:10px; */ 
}

#bloc2 form
{
font-size:11px;
color:black;
font-family:Arial;
width:280px;
height:60px;
text-align:justify;
padding:0px 0 0 8px;
/* text-indent:10px; */ 
}


/*Footer : */
#piedDePage
{
/*  background:url(images/ESATmini.jpg) no-repeat;  */
background-color:#f0f2f2;
clear:both;
width:960px;
height:50px;
margin:0px auto;
border-top: 2px solid #026c82;
}

#piedDePage p a
{
	text-decoration:none;
	color:#898a8a;
	padding:0 2px 0 2px;
	text-decoration:underline;
}

#piedDePage p a:hover
{
	text-decoration:none;
}

#piedDePage p
{
	font-size:11px;
	font-family:Arial;
	color:#898a8a;
	text-align:center;
	padding:0 0 0 50px;
}

#piedDePage #logoEntraide
{
	float:right;
	height:50px;
	width:84px;
}

#piedDePage #logoEntraide a img
{	
	border:0;
}

#piedDePage #w3cValid
{
float:left;
}


/* Page interne :  */


#naviguation
{
clear:both;
margin:0px auto;
width:680px;
height:20px;
background-color:#f0f1f1;
font-size:11px;
color:#888787;
padding:5px 0 0 280px;
border-bottom:#d4d7d7 solid 2px;
}

#naviguation a
{
color:#888787;
}

#naviguation a:hover
{
text-decoration:none;
}

#pageInterne
{
clear:both;
margin:0px auto;
padding:5px 0px 0 0px;
width:960px;
/*height:500px;*/
}

#pageInterne  #menuInterne
{
width:264px;
/*height:500px; */
margin:0;
padding:0 0 0px 0px;
float:left;   /* ICI */

}

#pageInterne #menuInterne #menuPageI
{
	padding:0 0 10px 0;
}

#pageInterne #menuInterne #menuPageI ul
{
/*background-image:url(images/menuMilieu.jpg);*/
list-style-type:none;
margin:0;
padding:0 0 10px 2px;
}

#pageInterne #menuInterne #menuPageI .midMenu
{
	background-image:url(images/menuMilieu.jpg);
}

#pageInterne #menuInterne #menuPageI ul li
{
font-family:Arial;
font-size:11px;
padding:5px 0 0px 58px;
}

#pageInterne #menuInterne ul li a
{
color:#026c82;
}

#pageInterne #menuInterne ul li a:hover
{
text-decoration:none;
color:#979797;
}


#pageInterne #contenu
{
margin:0;
float:left;  /*ICI*/
width:660px;
padding:0 0 10px 10px;
}

#topTitre
{
width:631px;
height:23px;
background-image:url(images/gif/hautCadreParagraphe.gif);
padding:0px 0 0px 30px;
font-family:Arial;
font-size:18px;
color:#2698b2;
}

#topTitre h3
{
font-family:Arial;
font-size:18px;
color:#2698b2;
}


#pageInterne  #menuInterne #topPastille
{
background-image:url(images/gif/hautCadrePastille.gif);
width:262px;
height:12px;
}

#pageInterne  #menuInterne #downPastille
{
background-image:url(images/gif/basCadrePastille.gif);
width:262px;
height:12px;

}

#pageInterne #menuInterne #pastille  ul
{
padding:5px 0 0 30px;
margin:0;
list-style-type:none;
/*background-image:url(images/milieuCadrePastille.jpg);*/
}

#pageInterne #menuInterne #pastille .midPastille
{
	background-image:url(images/milieuCadrePastille.jpg);
}

#pageInterne #menuInterne #pastille  ul li
{
padding:0px 0 0 0px;
margin:0;
font-family:Arial;
font-size:11px;
color:#ffffff;
}

#pageInterne #menuInterne #pastille  .midPastille h4
{
text-decoration:none;

padding:0 0 3px 30px;
margin:0;
color:#ffffff;
font-size:14px;
font-family:Arial;
}

#pageInterne #menuInterne #pastille  ul a
{
padding:0 0 3px 0;
margin:0;
color:#ffffff;
font-size:11px;
font-family:Arial;

}


#pageInterne #animation
{
width:660px;
height:345px;

}


/* page contact */


.paragraphe ul
{
/*list-style-type:none;*/
padding:10px 0 0 30px;
margin:0;

}

.paragraphe ul li
{
padding:5px 0 5px 0;
margin:0;

}

#pageContact
{
padding:5px 0 5px 0;
margin:0 auto;
width:960px;
}

#map
{
padding:0px 0px 0 0px;
float:left;
width:540px;
height:330px;

}

#pageContact #info
{
float:left;
width:560px;
padding: 10px 0 10px;
}

#pageContact #contact
{
width:400px;
float:left;
padding:10px 0 0 0;
}

#contact ul
{
padding:0 10px 0 10px;
margin:0;
width:380px;
background-image:url(images/milieuCadreContact.jpg);
list-style-type:none;
font-size:11px;
font-family:Arial;
color:#888787;
}

#contact  form
{
padding:0 10px 0 10px;
margin:0;
width:380px;
background-image:url(images/milieuCadreContact.jpg);
list-style-type:none;
font-size:11px;
font-family:Arial;
color:#888787;
}

#contact  form p
{
width:380px;
}
#contact form 

/*#contact #topContact h3
{
padding:0 0 0 8px;
font-size:18px;
color:#1c7487;
}*/

#contact ul li
{
padding:2px 0 2px 0;
font-size:11px;
}

#contact form textarea
{
width:300px;
height:100px;
}
#contact form p input
{
width:300px;
}

#contact #topContact
{
width:392px;
height:23px;
background-image:url(images/gif/cadreContact.gif);
padding:0 0 0 8px;
font-size:18px;
font-family:Arial;
color:#2698b2;
}

#contact #downContact
{
width:400px;
height:7px;
background-image:url(images/gif/basCadrecontact.gif);
}

#pageContact p
{
padding: 10px 0px 0 10px;
font-family:Arial;
font-size:11px;
color:#888787;
/*background-image:url(images/milieuParagraphePageContact.jpg);*/
background-repeat:repeat-y;
width:540px;
}

#pageContact #reperer
{
padding: 10px 0px 0 10px;
font-family:Arial;
font-size:12px;
color:#888787;
background-image:url(images/milieuParagraphePageContact.jpg);
background-repeat:repeat-y;
width:540px;

}

#pageContact #topPageContact
{
clear:both;
background-image:url(images/gif/paragraphePageContact.gif);
background-repeat:no-repeat;
width:540px;
height:23px;

padding:0 0 0 8px;
font-family:Arial;
font-size:18px;
color:#2698b2;
}
#pageContact #downPageContact
{
background-image:url(images/gif/basParagraphePageContact.gif);
background-repeat:no-repeat;
width:540px;
height:17px;
}

#info .paragraphe   /*modif ici voir effet !!!  */
{
padding:0 0 10px 0;
margin:0;
height:auto;
}

#pageContact #finTruc
{
clear:both;
}
/* Class Etiquette : */
.etiquette
{
background:url(images/Etiquette.jpg) no-repeat;
width:286px;
height:38px;
color:white;
/*margin:8px 0 0 1px; */
margin:0;
padding:8px 0 0 4px;
/*text-align:center;*/
font-size:12px;
color:white;
font-family:Arial;

text-align:justify;
}



/*class lien */

.lien
{
	list-style-type:none;
	margin:0 0 0 0px; 
	padding:10px 0 0 8px;
	

}

.lien a
{
	text-decoration:underline;
	color:#1c7487;

}

.lien a:hover
{
text-decoration:none;
color:#979797;
}

.etiquette2
{
background:url(images/Etiquette2_2.jpg) no-repeat; /* j'ai triché avec l'image....C'est pas bien ! */
width:302px;
height:38px;
color:white;
margin:0;
padding:8px 0 0 80px; 
font-size:12px;
color:white;
font-family:Arial;
}

#pageInterne .topMenu
{
width:262px;
height:9px;
background-image:url(images/gif/hautMenuGauche.gif);
/* ICI */
}


#pageInterne .downMenu
{
width:263px;
height:12px;
background-image:url(images/gif/basMenuGauche.gif);
}


.encadree
{
margin:0;
padding:5px 15px 0px 15px;
background-image:url(images/milieuCadreParagraphe.jpg);
width:632px; 
text-align:justify;
font-size:12px;
font-family:Arial;
color:#888787;
}

.encadree em
{
text-decoration:none;
font-size:12px;
color:#026c82;
}

strong
{
text-decoration:none;
font-size:12px;
color:#026c82;

}
.encadree a
{
text-decoration:underline;
color:#026c82;
font-size:11px;
font-family:Arial;
}



.top
{
width:631px;
height:11px;
background-image:url(images/gif/hautCadreParagraphe2.gif);
padding:0px 0 0 30px;
}

.down
{
width:662px;
height:17px;
width:660px;
height:12px;
background-image:url(images/gif/basCadreParagraphe.gif);
}

.image
{
margin:0;
padding:10px 0px 0px 0;
width:660px;
letter-spacing:10px; /* cool ca evite de la bidouille !! */
text-align:center;
}

.image img
{
	min-height:50px;
}

.itineraire
{
	float:left;
	width:260px;
	padding:0 5px 0 5px;
}



.commentaireVideo
{
margin:0;
padding:0 0px 0 3px;
width:262px;
/*float:left;*/
background-image:url(images/menuMilieu.jpg);
text-align:justify;
font-size:12px;
font-family:Arial;
color:#888787;
}

.video
{
float:right;
}

.video .topCommentaireVideo
{
background-image:url(images/gif/hautMenuGauche.gif);
width:262px;
height:9px;
}

.video .downCommentaireVideo
{
background-image:url(images/gif/basMenuGauche.gif);
width:263px;
height:12px;
}