.accroche-ht {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: 6c6c6c;
	font-weight: bolder;
	font-style: normal;
	line-height: normal;
}
.accroche-ht-bleu {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3585;
	font-weight: bolder;
	font-style: normal;
	line-height: normal;
}
.adresse {

	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
}
.nav {


	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3585;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
}

a.nav
{
	text-decoration:none;
}

a.nav:hover
{
	color:#FFFFFF
}

textarea.box
{
	width:400px;
	background-color:c1c8d2
}

.portfolio
{
 margin-right:5px
}

input.box
{
 width: 400px;
 background-color:c1c8d2
}

.contenu
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3585;
	font-weight: bold;
}

.contenu-bottom
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3585;
	font-weight: bold;
	margin-bottom :40px;
	margin-left:40px;
}

a.contenu
{
    text-decoration:none;
    margin-left:5px;
    border-right:5px;
}
a.contenu:hover
{
	color:#FFFFFF
}
.titre-contact
{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3585;
	font-weight: bold;
    top : 30px;
    margin-top:20px;
    margin-left:5px;
}

.colorheight
{
	 background-color: C3C6CD;
}
.colorheightFirst
{
	 background-color: AFB3B6;
}

.repeat
{
	background-repeat: repeat-x

}

.titre-contactline
{
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3585;
	font-weight: bold;
    margin-bottom : 20px;
    margin-top : -20px;
    margin-left:5px;
    
    
}

.titre-contenu-middle
{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3585;
	font-weight: bold;
    margin-bottom:35px;
    margin-top:30px;
    text-align:center;
	
}

.contenu-right
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3184;
	font-weight: bold;
	margin-top:5px;
    margin-bottom: 30px;
    text-align : center;
    
}
.contenu-ul-right
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3184;
	font-weight: bold;
	
    
}
.contenu-right-bloc
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3184;
	font-weight: bold;
	text-align : center;
	margin-top:-160px;
	 
    
}

ul 
{
 list-style-image: url(puce.gif);
 margin-top:20px;
}

li
{	
 margin-bottom:30px;
 text-align:center;
}


ul#menu
{
	margin:0 0 0 0;
	padding: 0 0 0 0;
	

	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{ margin: -1px 0 0 0;
	padding: 0 0 0 0;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 70px ;
	top:-1px;
	line-height: 35px ;
	color: #000 ;
	/*text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	 background-image: url(mjc-accueil_3.jpg);
	 background-repeat:no-repeat;
	 background-position: 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	
	}

ul#menu li a:hover
{
	background-image: url(mjc-accueil_3.jpg);  
	background-repeat:no-repeat;
	background-position:0 -36px;
	 /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}



ul#menu li a:active
{   background-image: url(mjc-accueil_3.jpg);  
	background-repeat:no-repeat;
	background-position:0 -70px;
	 /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
	
a.contenu-right-bloc
{
	text-decoration:none;
}

a.contenu-right-bloc:hover
{
	color:#FFFFFF
}

.contenu-first-right
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: 1c3184;
	font-weight: bold;
	margin-top:25px;
    margin-bottom: 30px;
    text-align : center;
}

.contenu-middle
{
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: 393a3c;
	font-weight: bold;
    margin-top:5px;
    text-align : center
}
.imageline
{
	  margin-top : 50px;
	  margin-bottom : 50px;
    
    
}

.overflow
{
    margin-top : 1px;
    
}
.margin
{
  margin-left: 70px;
}

.margin-1
{
  margin-bottom: 20px;
}

.coords-div
{
 width:426;
 margin-left: 90; 
   
}