body
{
	margin: 10px 0;
	padding: 0;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color:#333;
		background-color: #de9439;
	background-image: url(../fonds/dblue165.jpg);
	background-repeat:repeat;		
}
#header {
	height:233px;
	margin-bottom: 5px;
	color: #fff;
	padding: 0px;
	width:986px;
	background:#ccc url(../racine/logo_carmel2009.jpg) top no-repeat;	
}
#header1 {
	height:233px;
	width:986px;
	background:#ccc url(../racine/logo_carmel2009.jpg) top left no-repeat;	
}

#conteneur{
	width: 986px;
	margin: 0 auto;
	text-align:left;
	border: double 2px  #ccc;
	background: #fff;	
}
div#cont_popup {
	width: 750px;
	margin: 0 auto;
	font-size:12px;
	text-align: left;
	border: 2px solid #f90;
	background-color: #FFFFFF;
	border-color: #B5A460;
}

/* Nouveau menu globalnav avril 2009*/
/* Nouveau menu globalnav avril 2009*/
#newmenu .preload1 {background: url(../boutons/mer_over.gif);}
#newmenu .preload2 {background: url(../boutons/mer_overa.gif);}

.menu2 {padding:0 0 0 0; margin:0; list-style:none; height:31px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:31px; line-height:31px; color: #fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 8px; cursor:pointer;background:#ccc url(../boutons/mer.gif);width:132px;}
.menu2 li a.top_link span {float:left; display:block; padding:0 0 0 0; height:31px;background:#ccc url(../boutons/mer.gif) right top;width:132px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 0 0 0; height:31px; background:#ccc url(../boutons/mer_a.gif) no-repeat right top;width:132px;}
.menu2 li a.top_link:hover {color: #fff; background:#fff url(../boutons/mer_over.gif) no-repeat;width:132px;}
.menu2 li a.top_link:hover span {background:#fff url(../boutons/mer_over.gif) no-repeat right top;width:132px;}
.menu2 li a.top_link:hover span.down {background: #fff url(../boutons/mer_overa.gif) no-repeat right top;width:132px;}

.menu2 li:hover > a.top_link {color: #fff; background:#ccc url(../boutons/mer_over.gif) no-repeat;width:132px;}
.menu2 li:hover > a.top_link span {background: #ccc url(../boutons/mer_over.gif) no-repeat right top;width:132px;}
.menu2 li:hover > a.top_link span.down {background:#ccc url(../boutons/mer_overa.gif) no-repeat right top;width:132px;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:1px; border:1px solid #5c6a84; white-space:nowrap; width:128px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:128px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:128px; line-height:20px; text-indent:2px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../boutons/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#5c6a84; color: #fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#5c6a84 url(../boutons/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#5c6a84 url(../boutons/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-5px; background: #fff; padding:2px; border:1px solid #5c6a84; white-space:nowrap; width:128px; z-index:400; height:auto;}


/* Encart */
#encart {
float: right; 
width: 230px;
padding-top: 30px;
margin: 15px 0px 5px 15px;
background: #ccd url(../racine/encarthaut2.gif) left no-repeat;
border-width:1px;
border-style: solid;
border-color: #aaab9c #aaab9c #ccc #ccc;

}
#encart h3 {
font-size: 130%;
margin: 0 0 0 30px;
color: #003366;
font-weight: bold;  
}

.bloccadre {
	background:#ccc url(../racine/encart_bas.gif) left bottom no-repeat;
	padding: 0 0 25px 3px;
	margin: 0;
}
.bloccadre ul {
margin: 1em 0 0 0;
padding:0;
}
.bloccadre li {
margin: 1px;
line-height:1.6em;
color:#036;
padding:0;
text-decoration:none;

}
.bloccadre li a {
text-decoration:none;
display:block;

}

.bloccadre li  a:link, a:visited, a:active {
    color: #036;
	line-height:1.6em;
 }
 
.bloccadre li a:hover {
text-decoration: none;
  background-color: #5c6a84;
  color:#fff;
    cursor: default;
}


#globalNav{
	height: 20px ;
	margin: 0 0 0 0;
	padding: 0em 0.5em 0.1em 0;
	list-style-type: none ;
	text-align: right;
	display:block;
	background-color:#748098;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilise en fond, on met ensuite l'image de fond avec un dcalage de 25 pixels vers le haut pour utiliser la technique de roll over explique dans un autre tutoriel; */
/*ul#globalNav li {
	float: none ;
	margin-right:1em;
	line-height: 15px ;
	font-size: 95% ;
		display:inline;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

/*ul#globalNav  a
{
	line-height: 15px;
	color:#fff;
	letter-spacing: 1px;
	text-decoration: none;
		}/* C'est sur les liens que le gros du travail est effectu, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grce  la proprit display: block ; */

/*ul#globalNav  a:hover
{
	background-color: #FFF9EC; 
	color:#610;
}/* Et pour finir on dcale l'image de fond au passage de la souris pour laisser aparatre l'tat survol de l'image, voir le tutoriel sur les roll over pour plus de dtails */


		
#estat {
		padding: 0.5em 0 0.1em 0;
	visibility:hidden;
	margin: 5px 5px 0px 0;
	  }



/* Encart */
#encart2 {
float: right; 
width: 230px;
padding-top: 35px;
margin: 23px 5px 5px 10px;
background: url(../racine/encarthaut2.png) left top no-repeat;
}
#encart2 h3 {
font-size: 130%;
margin: 0 0 0 40px;
color: #006699;
font-weight: bold;  
}

#bloccadre2 {
background: url(../racine/encartbas2.png) left bottom no-repeat;
padding: 0 0 25px 40px;
}
#bloccadre2 ul {
margin: 1em 0 0 0;
padding:0;
}
#bloccadre2 a {
text-decoration:none;
}
#bloccadre2 li {
margin: 0;
list-style-image: url(../racine/play.gif);
}
#bloccadre2 li  a:link, a:visited, a:active {
 color: #663333;
	line-height:1.6em;
 }
 
#bloccadre2 li a:hover {
text-decoration: none;
  background-color: #CCCC99;
    cursor: default;
	}
#actua {
	margin-left:0.5em;
	padding: 0 25px 0 10px;
}
#actua p {
	text-align: justify ;
	text-indent: 0 ;
	line-height: 1.7em ;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}
#actua li{
list-style-image:url(../racine/puce_jaune.gif);
list-style-position:inside;
margin-left:50px;
line-height:20px;

}
p.right, p.right-no-border { 
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
  clear: both;
}

p.right img { 
  border: 1px solid #000000;
}

p.left, p.left-no-border { 
  float: left;
  margin-right: 3em;
  margin-bottom: 1em;
  clear: both;
}

 h1 { 
  font-size: 150%;
  font-variant:small-caps;
  color: #B5A460;
  padding-bottom:0.2em;
   padding-top:0.2em;
  margin-bottom:1em;
  font-weight: bold;  
}

h2 {
	padding-left: 10px ;
		line-height: 30px ;
	font-size: 170% ;
	color:  #EC8D00;
	font-weight:bold;	
	border-bottom:  1px double #EC8D00;
}
 .big {	
	line-height: 30px ;
	font-size: 170% ;
	color: #036;
	font-weight:bold;	
	border-bottom:  1px double #f30;
	text-transform:uppercase;
	
}
.big2 {	
	line-height: 25px ;
	font-size:150%;
	color: #FF3300;
	font-weight:bold;	
	border-bottom: 1px solid #f30;	
	
}
 h3 {
	margin-top:1em;
	font-size:130%;
	letter-spacing: 0.05em;
	margin-left: 10px ;
	padding-left: 5px ;
	color:#CC3300;
}
.bleu {
	color: #036;
	font-weight: bold;
}
h4 {
	margin-top:1em;
	font-size:115%;
	letter-spacing: 0.05em;
	margin-left: 10px ;
	padding-left: 5px ;
	color: #FF9900;
}
 h5 {
	margin-top:1em;
	font-size:100%;
	margin-left: 0 ;
	padding-left: 0 ;
	color:#660000;
}
h6 {
	margin-top:1em;
	font-size:90%;
	text-align:center;
	margin-left:0;
	padding-left: 0 ;
	color: #FF6600;
}
#actua a:link, a:visited, a:active {
	text-decoration:underline;
	color: #663333;
		 }

#actua a:hover{
  text-decoration: none;
  background:   url(../racine/bg_bouton.gif) repeat-x 0 0;
    cursor: default;
}
#actua a:hover{
  text-decoration: none;
  background:   url(../racine/bg_bouton.gif) repeat-x 0 0;
    cursor: default;
}
#content {
	float:right;
 width:98%;
	margin-left:10px;
	padding: 0 8px 0 3px;
}
#popup {
margin: 2px;
padding: 1px;
}
#content h1 { 
  font-size: 150%;
  font-variant:small-caps;
  color: #B5A460;
  padding-bottom:0.2em;
  margin-bottom:1em;
  font-weight: bold;  
}
#content h2, #popup h2 {
	padding-left: 10px ;
	line-height: 25px ;
	font-size: 140% ;
	color: #EC8D00;
	border-bottom: 1px solid #EC8D00 ;
}


#content h5 {
	margin-top:1em;
	font-size:100%;
	margin-left: 0 ;
	padding-left: 0 ;
	color:#660000;
}
#content p {
	text-align: justify ;
	text-indent: 0 ;
	line-height: 1.7em ;
	padding: 5px 10px 5px 5px;
	margin: 5px 6px 5px 5px;
}
#content li {
  list-style-image: url(../racine/mm_arrow.png);
  list-style-position:outside;
  margin-left:15px;
  padding:5px 15px 10px 5px;
  line-height:20px;
}
#content p a:link,a:visited,a:active, #popup p a:link,a:visited,a:active {
	text-decoration:underline;
	color: #663333;
}

#content p a:hover, #popup  p a:hover{
  text-decoration: none;
  background: #5c6a84;
  color:#fff;
    cursor: default;
}
#content q { 
 font-size: 1em;
 color:#FF3300;
  font-style:italic;
  line-height: normal;
  font-weight: lighter;
}

p.important{
	border-left: 2px solid #f00;
	background:#fee;
}
.citation {
    font-style:italic;
	font-variant: normal;
     font-weight: 400;
	color:#CC3300;
	letter-spacing: 0.05em;
	}
.auteur{
color: #660000;
font-size:10px;
text-align: right;
}	

.textfort {
	font-variant: normal;
	color:#CC3300;
	letter-spacing: 0.05em;
}


.colleft{
	float:left;
	width: 29%;
	margin: 5px;
	border:#cedaf4  solid 10px; 
	margin-bottom:5px;
	background-color: #FFFFCC;
	font-size:1em;
	font-style:italic;
	color:#663333;
}
.colmiddle{
	float:left;
	width: 30%;
	margin: 5px;
	border:#cedaf4  solid 10px; 
	background-color: #FFFFCC;
	font-size:1em;
	font-style:italic;
	color:#663333;
}
.colright{
	float:right;
	width: 28%;
	margin: 5px;
	border:#cedaf4  solid 10px; 
	background-color: #FFFFCC;
	font-size:1em;
	font-style:italic;
	color:#663333;
}
#col1 {float:left; width: 230px; overflow :hidden;background:#CCE6FF;} /*colonne gauche*/
#col2 {float:left; width:230px; overflow :hidden; background:#CCE6FF;}/*colonne milieu*/
#col3 {float:left; width:250px; overflow :hidden; background:#CCE6FF;}/*colonne droite*/

.arrondi { 
  color: #0033CC;
	border:1px solid #aaab9c;
	background-color: #DEFAFE;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
	padding : 15px;
   }
	
 blockquote {
  margin:0;
  background-image:url(../racine/closequote.gif);
  background-repeat:no-repeat;
  background-position: right bottom;  
 } 

blockquote {
margin:22px 25px;
padding:13px;
font-style:italic;
color: #666666;
padding: 0 40px;
background: transparent url(../racine/openquote.gif) no-repeat 0 0;
}
.clearwrap{
	clear: both;
	margin: 0;
}

#priere {
	margin: 30px 30px 30px 30px;
	background-color: #FFFAD7;
	font-size:1em;
	font-style:italic;}
	
#priere p{
    padding: 0 0 0 0;
	;
	}
#priere h2{
	text-align: center;
	font-size:110%;
	margin-left: 15px ;
	padding-left: 5px ;
	color:  #660000;
}

#actua p.centre {
text-align:center;
color:#CC6633;
font-weight:bold;
}

#pied {
	margin: 0;
	padding-right: 10px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background-color:#5c6a84;
	clear:both;
}
a  img{
border:0;
}
img.fright {
	float: right;
	margin:10px 0 0 10px;
	background: url(../racine/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;			
}
img.fleft {
	float: left; 
	margin:0 10px 10px 0;	
	background: url(../racine/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}
img.droit {
  float: right;
  margin: 0 0 0 0;
}

div.fleft { 
  float: left;
  margin: 1em 1em 1em 0;
  clear: both;
}
#table {
	border:3px solid #f80;
	border-collapse:collapse;
	width:auto;
	margin:0;
}
#table thead, tfoot {
background-color:#FFFFCC;
background-image:url(../racine/bg_bouton.gif);
border:1px solid #6495ed;
}
#table tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
#table th {
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
width:25%;
}
#table td {
	font-size:90%;
	border:1px solid #f93;
	padding:5px;
	text-align: left;
}

.table2 {
	border:3px solid #00DF59;
	border-collapse:collapse;
	width:auto;
	margin:0;
}
.table2 thead, tfoot {
background-color:#FFFFCC;
border:1px solid #00DF59;
}
.table2 tbody {
background-color:#FFFFFF;
border:1px solid #00DF59;
}
.table2 th {
border:1px dotted #00DF59;
padding:5px;
background-color:#EFF6FF;
width:25%;
}
.table2 td {
	font-size:90%;
	border:1px solid #00DF59;
	padding:5px;
	text-align: left;
	}
	
.pre { 
  color: #006699;
   text-align:center;
  margin: 10px 30px 10px 30px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #603;
  background-color: #F0F4FF;
}
.gras {
	font-variant: normal;
	font-weight:500;
	color: #660033;
	letter-spacing: 0.05em;
}

dl.float-right
{
border: 1px solid #fff;
background-color: #F2FFF2;
text-align: center;
padding: 0 0 10px 0;
float: right;
margin: 0 0 1em 1em;
}

.float-right dt{
text-align:center;
font-weight: bold;
color: #006600;
padding: 5px 10px;
margin-bottom: 10px;
}

.float-right dd img{
border: 1px solid #060;
}

.float-right dd{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 80%;
color: #060;
}

dl.float-left{
border: 1px solid  #FFF;
background-color:#F2FFF2;
text-align: center;
padding: 0 10px 10px 0;
float: left;
margin: 0 0 1em 1em;
}

.float-left dt{
text-align:center;
font-weight: bold;
color: #006600;
padding: 5px 10px;
margin-bottom: 10px;
}

.float-left dd img{
border: 1px solid #060;
}

.float-left dd{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 80%;
color:  #FF3300;
}
dl.gallery_r
{
border: 1px solid #c30;
background-color: #EEEEEE;
text-align: center;
padding: 10px;
width:auto;
float: right;
margin-left: 1em;
}
.gallery_r dt { font-weight: bold;
color: #006699 }

.gallery_r dt img
{
border: 1px solid #000;
}

.gallery_r dd
{
margin: 0;
padding: 0;
color: #003366
}
dl.gallery_l
{
border: 1px solid #c30;
background-color: #CCCCCC;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}
.gallery_l dt { font-weight: bold;
color: #006699; }

.gallery_l dt img
{
border: 1px solid #000;

}

.gallery_l dd
{
margin: 0;
padding: 0;
color: #003366;
}
#formulaire {border:1px solid #000;}

#saisie input, #saisie textarea
        {
        color: #633;
        font-size: 11px;
        background-color: #ebebd9;
        padding: 3px;
        border: double 3px orange
        }