/*POUR LES TEST*/

/*img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6,  {border: 1px solid yellow}
p {border: 1px solid green}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
div{border: 1px solid lightgreen}
*/
/*div{border: 0px solid lightgreen}*/
/*appelé par la routine js.js*/
a.lien_ext:after {
content:url(images/nouv-fen.gif);
}

body {
	font-family: Arial, Verdana, sans-serif;
	color : #286886;
	font-size : 13px;
	background-color: #00C7FF;
	background-image: url(images/bgbody.jpg);
	 background-repeat: repeat-x;
}



/*==================== HAUT ====================*/
/*tout le haut*/
#head{
	width: 800px;
	height: 270px;
	padding: 0px;
	margin: 0 auto;
	background-color: #286886;
	top: 0px;
	vertical-align: top;
}
/*flash*/
#flash-header { 
	display : inline;
	width : 600px;
	float : right;
	min-height : 270px;
	/*background-image: url(images/bg-flash.jpg);	*/
	background-color :#286886;
	
} 
* html #flash-header {
	height : 270px;
	
} 
/*logo*/
#logo-emmaus { 
	display : inline;
	width : 200px;
	float : left;
	min-height : 40px;
	background-color : #286886;
} 
#logo-emmaus img { 
	border : none;
	padding : 0px;
}
* html #logo-emmaus { 
	height : 40px;
} 
/*======================================== GRANDE NAV  */
#navigation { 
	display : inline;
	width : 200px;
	float : left;
	background-color: #006699;
	min-height : 230px;
	background-image: url(images/bgnavigation.jpg);	
} 
* html #navigation { 
	height : 230px;
} 
.navigation { 
	float : left;
	margin-left : 10px;
	margin-top : 8px;
	width : 158px;
} 
.navigation ul { 
	margin : 0;
	padding : 0;
} 
.navigation li { 
	border-bottom : 1px solid #D7DEE7;
	list-style : none;
} 
.navigation li a { 
	color : #FFFFFF;
	display : block;
	padding : 8px 4px 8px 10px;
	text-decoration : none;
	font-size : 0.95em;
	font-weight : bold;

} 
.navigation li a:hover {
	color : #FFCC33;
	background-color: #005681;
}

/*======================================== PETITE NAV  */
#col_one p {
	font-size : 10px;
	margin-left : 10px;
	margin-right : 10px;
	color: #84BDE3;
	font-weight: bold;
}
#pttnavigation { 
	display : inline;
	width : 196px;
	float : left;
	background-color : #757A82;
	min-height : 179px;
} 
.pttnavigation { 
	float : left;
	margin-left : 10px;
	margin-top : 10px;
	width : 158px;
}
/*---------------------------------------- UL-*/
.pttnavigation ul { 
	margin : 0;
	padding : 0;
}
/*---------------------------------------- LI-*/
.pttnavigation li {
padding-bottom : 5px;
	list-style : none;
} 
.pttnavigation li a {
	color : #FFFFFF;
	display : block;
	text-decoration : none;
	font-family : arial;
	font-weight : bold;
	padding-left : 20px;
	background-image:url(images/fleche_nav2.gif);
 	background-repeat:no-repeat;
 	background-position:3px 50%;
}
.pttnavigation li a:hover {
	color : #FFFFFF;
	background-color: #006699;
}
/*---------------------------------------- OL-*/
.pttnavigation ol{
	margin : 0px;
	padding : 0;
	padding-left : 10px;

	display : block;
	padding-bottom: 10px;	
}
.pttnavigation ol a{
	margin : 0px;
	padding : 0;
	padding-left : 20px;
	background-image:url(images/fleche-ssrubrique.gif);
	background-repeat:no-repeat;
	background-position:3px 2px;
	background-color: #6190B0;
}
.pttnavigation ol a:hover{
	color: #FFCC00;
	background-color: #6190B0;
}

/*======================================== MILIEU  */
#hauhau {
	width: 600px;
	height: 250px;
}
#hauhaudroit {
	float: right;
	width: 280px;
	height: 250px;
	padding-left: 10px;
	padding-right: 10px;
}
#hauhaudroit img{
	padding: 5px 2px 5px 2px;
}
#hauhauguauche {
	float: left;
	width: 200px;
	height: 250px;
}
#milieumilieu {
	width: 600px;
	padding-top: 15px;	
}
#milieucontenu {
	width: 580px;
	padding: 10px 10px 10px 10px;
}
/* pour les liens ouvrant vers un autre site */
#milieucontenu a[target]:after{
	/*content:url(images/new-windows.gif);*/
}


#milieucontenu img{
	/*border : 1px solid #757A82;*/
	padding: 2px 0px 2px 2px;
	
}

#pt-blockgauche{ 
	display : inline;
	font-size : 0.9em;
	width : 290px;
	float : left;
height: 235px;
	width : 290px;

	min-height : 234px;
	
} 
#pt-blockgauche h1 a {color:#0099CC}


#ptblocgauaucheauto{
height: 205px;
min-height : 205px;
overflow:auto;

}
#pt-blockgauche p {
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 5px;
	color: #333333;
	font-size: 12px;
} 
#pt-blockgauche h2 { 
	color : #003366;
	font-family : arial;
	font-size : 16px;
	padding-top : 3px;
	padding-left : 5px;
	padding-bottom : 4px;
}
/* 
#pt-blockgauche h2:after {
content:url("images/fin-rond-titre.gif") 
}
*/
#pt-blockgauche img { 
	margin-top : 2px;
	margin-left : 2px;
} 
#pt-blockgauche h3 { 
	text-align : center;
	font-family : arial;
	font-size : 14px;
	padding-top : 10px;
	padding-bottom : 5px;
	font-weight : lighter;
} 
#pt-blockgauche h4 {
	font-size : 14px;
	padding-top : 5px;
	padding-bottom : 3px;
	padding-left: 10px;
} 
#pt-blockgauche ul { 
	margin-left : 15px;
	margin-top : 5px;
	color : #667dff;
} 
#pt-blockgauche li { 
	padding-top : 5px;
	padding-left : 10px;
	list-style-type : square;
	list-style-position : inside;
} 
#pt-blockgauche a { 
	color : #003366;
	text-decoration : underline;
}
#pt-blockdroit {
	/*overflow: auto;*/
	height: 235px;
	width : 298px;
	float : right;
	min-height : 234px;
	background: #003366 url(images/fdactu.gif) no-repeat top left;
	overflow: auto;
} 
* html #col_droit { 
	height : 234px;
}
#pt-blockdroit p {
	font-size : 12px;
	margin-left : 10px;
	margin-right : 10px;

	color: #29BEE5;
	margin-top:1px;
	margin-bottom:1px;
	font-weight: bold;
} 
#pt-blockdroit h2 {
	padding-left : 5px;
	padding-top : 10px;
	text-transform: uppercase;
	font-size : 17px;
	padding-top : 10px;
	padding-left : 15px;
	padding-bottom : 5px;
	color : #ffffff;
	background-image : url(images/titesfleches.gif);
	background-repeat : no-repeat;
	background-position : left 10px;
	margin-left : 10px;
} 
#pt-blockdroit a {
	color:#FFCC33;
	text-align: right;
}
/*---------------------------------------- 3 blocs du bas-*/
.content1 {}
.content1-container {}

.content1-container-3col-left {
	overflow: hidden;
	float: left;
	width: 182px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	background-color: #D9E9F0;
	background-image:url(images/bg-troisbas.jpg);
	height: 175px;
min-height : 175px;
	margin-bottom: 10px;
}
.content1-container-3col-middle {
	overflow: hidden;
	float: left;
	width: 182px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/bg-troisbas.jpg);
	background-color: #D9E9F0;
	height: 175px;
min-height : 175px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.content1-container-3col-right {
	overflow: hidden;
	float: right;
	width: 182px;
	background-image:url(images/bg-troisbas.jpg);
	background-color: #D9E9F0;
	height: 175px;
min-height : 175px;
	margin: 10px 10px 0px 10px;
	margin-bottom: 10px;
}


#int-pt-blockdroit{
	width : 280px;
} 


#body_wrapper
{
	margin: 0px auto;
	width: 800px;
	display: block;
}


#body
{
}


#end_body
{
	margin: 0px auto;
	width: 800px;
	height: 1px;
	display: block;
	background-color: #89B1CB;
}

.clearer
{
	clear: both;
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #89B1CB;
}

#all
{
  width: 800px;
	float: left;
	padding: 0px;
	background: url(../images/all_repeat.jpg) repeat-y top left;
}

#all .top
{
  background: url(../images/all_top.jpg) no-repeat top left;
	width: 800px;
	height: 18px;
	padding: 0px;
	margin: 0px;
}

#all .bottom
{
  background: url(../images/all_bottom.jpg) no-repeat bottom left;
	width: 800px;
	height: 21px;
	padding: 0px;
	margin: 0px;
}

#split
{
	width: 800px;
	float: right;
	padding: 0px;
	background: url(images/bdtitenav.jpg) repeat-x top left;
	background-color: #89B1CB;
}

#split .top
{
  background: url(../images/both_top.jpg) no-repeat top left;
	width: 707px;
	height: 18px;
	padding: 0px;
	margin: 0px;
}

#split .bottom
{
	width: 800px;
	height: 21px;
	min-height: 21px;
	padding: 0px;
	margin: 0px;
	background-color: #89B1CB;
}

#right
{
	width: 600px;
	float: right;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#left
{
	width: 190px;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

.content 
{
}

#left .content, #all .content
{
  padding-left: 22px;
}



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

#right ul li 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	border-bottom : 3px solid #005681;
	background-color: #C6E6EA;
	margin-bottom: 10px;
}

#right ul a 
{
	display: block;
	background: #89B1CB;
	color: #003366;
	padding: 3px;
	padding-left: 10px;
	text-decoration: none;
	margin: 0px;
	border: 0px;
}

#right ul a:hover 
{
	color: #FFFFFF;
	background: #7f8d96;
}
.bouton {
	color: #FFCC00;
	width: 250px;
	text-decoration: none;
	margin-bottom: 5px;
	border: 0px;
	font-weight:bold;
	
}
.bouton a {
	background-image:url(images/fleche_nav2.gif);
	background-repeat:no-repeat;
	background-position:3px 50%;
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
	font-weight:bold;
	border-bottom : 1px solid #005681;
	padding: 2px 0px 2px 20px;
	background-color: #A7DBDD;
}
.bouton a:hover {
	background-image:url(images/fleche_nav2.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	background-color: #FFFFFF;

}


/*====================== HTML Tags ======================*/

img { 
border : 0px solid;
} 
img.floatTL { 
	float : left;
	margin-right : 5px;
	margin-bottom : 0px;
	margin-top : 0px;
	margin-left : 10px;
} 
img.floatTR { 
	float : right;
	margin-left : 7px;
	margin-bottom : 7px;
	margin-top : 0px;
	margin-right : 10px;
} 
.floatTRfloatTR {
	border : none;
	padding: 2px 2px 2px 2px;
	float : right;
	margin-left : 7px;
	margin-bottom : 7px;
	margin-top : 0px;
	margin-right : 10px;
}
.code, code{
	display: block;
	margin: 10px 10px;
	padding: 5px;
	color: #003366;
	width: auto;
	background-color: #DFF0F5;
	font-family: Georgia, "Times New Roman", Times, serif;
}

pre{
 white-space: normal;
}

a{
  color: #003366;
	padding-bottom: 0px;
}

a:hover{
	color: #000033;
}

hr{
  border: 0px;
  border-bottom: 1px #003366 dashed;
	height: 1px;
}

#left hr, #all hr
{
  margin: 10px 0px;
}


blockquote {
	margin: 5px;
	background: transparent url(../images/quotes.png) left top no-repeat;
	padding-left: 37px;
}


del 
{
	color: #800;
	text-decoration: line-through;
}

dt
{
	font-weight: bold;
	font-size: 1.05em;
	color: #ad4c21;
}

dd 
{
	margin-left: 15px;
}



blockquote[cite]:after {
	content: "Quote from: " attr(cite);
	display: block;
	border-top: 1px solid #999;
	color: #999;
	margin: 1em 0 0;
	padding: .5em 0 0;
	font-size: .8em;
	font-weight: bold;
}
h1 {
	margin: 0px;
	color: #A7DBDD;
	font-size: 1.6em;
	font-weight: bold;
	display: block;
	border-bottom: 5px solid;
	padding-left: 30px;
	background-color: #004776;
	padding-top: 15px;
	padding-left : 30px;
	background-image:url(images/puce-titre.gif);
	background-repeat:no-repeat;
	background-position:3px 80%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 a {
	color: #A0DBDE;
	text-decoration: none;	
}
h1 a:hover{
	color: #006699;
}


h2 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	color: #0099CC;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	padding: 0px;
	margin: 0px;
	color: #66CCCC;
	background-color: transparent;
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 10px;
}

h4 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	color: #006699;
	background-color: transparent;
	font-size: 1.1em;
	font-weight: bold;
}

h5 {
	color: #9ad5f3;
	background-color: transparent;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

h6 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #003366;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 150%;
}
/*==================== BAS  ====================*/
#footer{
	margin: 0 auto;
	background-color : #89b1cb;
	width : 800px;
	height: 35px;
}
#footer p {
	color: #006699;
} 
#footer a {
	color: #006699;
}
#footer a:hover {
	color: #003366;
} 

/*div de navigation*/
#footernav{
	text-align : left;
	float: left;
	width: 180px;
	padding-left: 20px;
}
#footernav img{
	border: 0px;
	padding-right: 5px;
	background-color: #FFFFFF;
	padding-left: 5px;
	color: #FFCC00;
}
#footernav img a{
	background-color: #FFFFFF;
}
#footernav img a:hover{
	background-color: #003366;
}
/*div de contenu*/
#footercont{
	text-align : right;
	float: right;
	width: 580px;
	padding-right: 20px;
}
.paddingdix{
	padding: 0px 5px 0px 5px;
}