html, body {
margin: 0;
padding: 0;
height: 100%
}


body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 11px;
color : #411B08;
background : #005B4F;
}

/*PAGE PRINCIPALE*/
.cont {
background-color :#EAEFEF;
text-align : left;
width : 980px; 
height : 300%;
margin-left : auto;
margin-right : auto;
margin-top : 2%;
margin-bottom : 2%;
border : 10px solid #3DC9A9;
}
/*html>body .cont {height : auto; min-height : 100%;  }*/

/*PHOTO*/
.haut {
width : 600px ; 
height : 399px ;
background-color :transparent;
margin-top: 15px;
margin-left: 310px;
background-image : url(images/choeur_08.jpg);
border-top : 1px solid #fff}
 
.haut2 {
width : 950px ; 
height : 288px ;
background-color :transparent;
margin-top: 15px;
margin-left: 15px;
background-image : url(images/Site/Choricode.jpg);
border-top : 1px solid #fff}
 
/*BOITE PRINCIPALE CORPS DE PAGE*/ 
.centre {
width : 860px ;
margin-left : auto;
margin-right : auto;
text-align : left; 
background : transparent;
}
 
.bas {
width : 705px ; 
height : 40px ;
background : transparent;
overflow : hidden
}
 
/*1 - BOITE MENU*/ 
.gauche {
float : left ;  
background : transparent;
width : 145px;
text-align : left; 
margin-left : 0px ; 
margin-top : 10px ;
padding-bottom : 100px; 
overflow : hidden}
html>body .gauche {   margin-left : 5px ; }
 
/*2 - BOITE TEXTE*/
.droite {
float : left ;  
background-color : transparent;
width : 680px;
margin-left : 20px;
margin-top : 10px; 
padding-bottom : 100px}

.droitechor {
float : left ;  
background-color : transparent;
width : 775px;
margin-right : 15px;				
margin-top : 80px; 
padding-bottom : 100px}

.haut_droite {
width :352px;
background-color :transparent; 
float : left; 
margin-left : 0; 
overflow : hidden} 

h4 {
padding : 5px 0 0 300px ;
font-size : 14px; }
 
h3 {
padding : 50px 0 0 300px ;
font-size : 14px; }
 
 
h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 12px;
background :  url(images/hr2.gif) left bottom repeat-x;
text-transform : uppercase ; }


.poussetop {margin : 20px 0 0 0 ;}


h1 {
font-size : 24px;  
margin : 20px 0 0 0 ;
padding : 0 0 10px 0; 
text-transform : none ;
/* background :  url(images/hr2.gif) left bottom repeat-x; */
}
 
 
 
 /* LISTE */ 
 
ul, li {
margin :0;
padding : 0 ; 
list-style : none ;}

 
 
 /* MENU */

.menu {
text-align: left;
background-color :transparent; 
color :#fff ; 
font-weight : bold;
margin-top : 370px;
margin-left :10px;
font-size : 12px; 
overflow : hidden}
html>body .menu { margin-left :10px;  }
 
.menuchor {
margin-left : 190px ; 
margin-top : 50px ;
margin-right : 15px ;
/*font-size : 12px	;*/
/*color : #005146 ;*/
} 
 
.menu li{
float : left ;
margin-left : 0 ;
padding-top : 0 ;}
  


.menu li a {
color : #fff ; 
text-decoration : none ; 
padding-right : 5px ;  
padding-left : 5px ;}


.menu li a:hover {
color : #005146; 
text-decoration : none }


li.menuexept a{
text-decoration : none ;  
background : url(images/ul.jpg) right bottom repeat-y;  
padding-right : 5px ;  
padding-left : 5px ;}
li.menuexept a:hover { 
text-decoration : none }


/* LOGO*/
.logo {
float : left ;  
margin-top : 75px ; 
margin-left : 70px ;
width : 160px ;
height : 200px ; 
background-color :transparent;
background-image : url(images/logoeden2.jpg);
}

.logo1 {
margin-top :160px;
text-align: center;
color :#4B3D40 ; 
font-size : 14px ; 
font-weight : bold;
/* margin-top :160px; */
}

.logo2 {
float : left ;  
margin-top : 15px ; 
margin-left : 15px ;
width : 160px ;
height : 200px ; 
background-color :transparent;
background-image : url(images/logoeden2.jpg);
}

/* IMAGES*/
/*1 - Image_droite*/
.img_droite {float : right; 
margin-top : 10px ; 
border : 1px solid #005B4F }

/*2 - Image chef de choeur*/
#image {
float : left ;
margin-left : 15px;
width : 170px;
height :180px;
}

/*3 - Image photos et presse*/
#image2{
float : left ;
margin-left : 5px;
margin-top : 5px;
width : 150px}

/*4 - Image corps de texte*/
#image3 {
float : left ;
margin-left : 15px;
width : 165px;
height : 250px;
}

/*5 - Image pleine page*/
#image4 {
margin-left : auto;
margin-right : auto;
margin-top : auto;
background : #005B4F;
}

/*6 - Image liens*/
#image5{
float : left ;
margin-top : 5px;
margin-left : 5px;
width : 155px}

/*7 - Image liens*/
#image6{
float : left ;
margin-top : 5px;
margin-left : 70px;
width : 105px}

/*8 - Image liens*/
#image7{
float : left ;
margin-left : 10px;
padding-top : 10px;
width : 270px;
height : 350px;
}


/* PARAGRAPHES */

p {margin : 3px 15px 0 15px ; padding : 0}

.p1 {margin : 3px 15px 0 50px ; padding : 0}
 
.p2 {margin : 3px 15px 0 150px ; padding : 0}

.p3 {margin : 3px 15px 0 120px ; padding : 0}

.pboot {
margin : 10px 15px 0 0 ; 
padding : 0 ; 
text-indent : 10px ;   
background :  url(images/pboot.jpg) left top no-repeat;}

.top {margin : 10px 25px 0 5px ; border-bottom : 1px dotted #4B3D40 ; padding-bottom : 5px}
.top2 {margin : 30px 25px 0 5px ;border-bottom : 1px dotted #4B3D40 ;  padding-bottom : 5px}
.notop {margin : 5px 25px 0 5px ;}
.notop2 {margin : 0 25px 0 5px ;}
.couleur {color : #4B3D40; font-weight : bold }

.signature { 
margin :0 0 0 345px; 
color : #000 }

.copy {
border : 0; 
margin-right : 5px}


 /* SEPARATEURS */

.spacer {
clear : both; 
height : 13px ; }

.barre {text-decoration: line-through ; }


/* LIENS */

a {
color : #411B08; 
text-decoration : none ; 
text-transform :none ; 
font-size : 11px;}

a:hover {
color :#00B8A0; 
text-decoration : none ;
font-weight : bold}

a.class1 {
color : #4B3D40; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover.class1 {
color : #00B8A0; 
text-decoration : none ; }

a.class2 {
color : #4B3D40; 
text-decoration : underline ; 
text-transform : uppercase ; 
font-size : 9px ; }

a:hover.class2 {
color : #00B8A0; 
text-decoration :none }

a.class3{
color : #4B3D40; 
text-decoration : underline ; 
font-size : 9px ;}

a:hover.class3 {
color : #00B8A0; 
text-decoration : none;  
}

a.class4{
color : #4B3D40; 
text-decoration : none ; 
text-transform : none ;  }

a:hover.class4 {
color : #00B8A0; 
text-decoration : none;  
}

.google {margin-top : 20px ; margin-bottom : 20px}