/*Style appliqué à toutes les pages, il contient la structure globale*/
#global { /*permet de centrer le site sur ts les navigateurs*/
     margin-left: auto;
     margin-right: auto;
     width: 760px;
     text-align: left; /* on rétablit l'alignement normal du texte */
	 border: 1px solid #000000; /*noir*/
	 background-color:#FFFFFF;	
	 background: url(../../images/barre-degrade1.jpg) repeat-y;
}
body { /* corps de la page*/
	margin: 0; /*pour éviter les marges*/
    text-align: center;  /*pour corriger le bug de centrage sous IE*/
	background-color:#F2F2F2;
}

img {border:none;}

#medaille { 
	position: absolute;
	right: 300px;
  	background-image : url(../images/medaille2.jpg);
	background-repeat: no-repeat;
   
}
#entete {
	 width:767px;
	 height: 170px;
	 margin: 0px;
	 padding:0px;
	 font-size:0;
	 background-image:url(../../images/bandeau-deportes-tatoues.jpg);
	 background-repeat: no-repeat;
}

#entete a { 
	 border:none;
	 height:170px;
	 width:767px;
	 float:left;
}

#horizontal { 
	 height: 24px;
	 background-image :  url(../../images/navigation1.jpg);
	 background-repeat: no-repeat;
	 margin-top : -4px;
}
#gauche {
	float : left;
	/*border-right: 1px solid #E6E6E6 ;*/
	padding-right: 10px;
	height: 100%;
}
#droite {
	float: right;
   width: 24px;
   background: url(../../images/barre-degrade.jpg) repeat-y;
   height: 100%;
}
#centre {
	margin-left : 180px;
}
#pied { 
	height: 46px;
	clear: both;
	 background-image :  url(../../images/footer.jpg);
	 background-repeat: no-repeat;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Navigation du haut, chemin de navigation*/

.navigation { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;
	margin-left: 55px;
	font-weight : bold;
	padding-top: 4px;
}
.navigation p{ 
	font-family: verdana;
	font-size: 11px; 
	color: #FFFFFF;
	margin-left: 55px;
	font-weight : bold;
	margin-top: 4px;
}
.navigation a{ 
	font-family: verdana;
	font-size: 9px; 
	color: #FFFFFF;
	text-decoration: none;
}
.navigation a:hover{
	font-family: verdana;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: underline;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Menu gauche*/
.menugauche {
	margin-top: 10px;
	font-size: 9px;
	font-family: verdana;
	margin-left: -10px;
}
.menugauche ul {
	list-style-image:  url(../../images/carre.jpg);
	margin-top : 25px;
}
.menugauche li {
	margin-bottom : 5px;
}
.menugauche a {
	font-weight : bold;
	color: #1C68BC;
	text-decoration: none;
}
.menugauche a:hover {
	color: #EA1831;
	text-decoration:none;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Contenu*/
.contenu h1{
	font-family: arial;
	font-size: 15px;
	color: #2067BC;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.contenu h2{
	font-family: verdana;
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 11px ;
	background: url(../../images/logo.jpg) no-repeat left bottom ;
	color: #2067BC ;
	border-bottom: 1px solid #2067BC ;
	margin-right: 70px;
}
.contenu h3{
	font-family: verdana;
	padding-left: 10px ;
	padding-right: 10px ;
	font-size: 11px;
	text-align: justify;
	line-height: 17px ; /*hauteur de ligne*/
	font-style : italic;
	border-left: 3px solid #EA1831 ;
}
.contenu p{
	font-family: arial;
	color: #5E5E5E;
	text-decoration: none;
	text-align: justify;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	font-size: 11px ;
	line-height: 17px ; /*hauteur de ligne*/
	text-indent: 2em ; /*indentation premiere ligne du texte*/
	margin-right: 30px;
}
.contenu-no-indent h1{
	font-family: arial;
	font-size: 15px;
	color: #2067BC;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.contenu-no-indent h2{
	font-family: verdana;
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 11px ;
	background: url(../../images/logo.jpg) no-repeat left bottom ;
	color: #2067BC ;
	border-bottom: 1px solid #2067BC ;
	margin-right: 70px;
}
.contenu-no-indent h3{
	font-family: arial;
	color: #5E5E5E;
	text-decoration: none;
	text-align: justify;
	letter-spacing: 2px ; /*espacement entre les lettres*/
	font-size: 11px ;
	line-height: 17px ; /*hauteur de ligne*/
	margin-right: 30px;
	background-color: #F2F2F3;
	font-weight : bold;
}
.contenu-no-indent p{
	font-family: arial;
	color: #5E5E5E;
	text-decoration: none;
	text-align: justify;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	font-size: 11px ;
	line-height: 17px ; /*hauteur de ligne*/
	margin-right: 30px;
}

.contenu-photo img{
	float: left;
	padding-right:10px;
}
.contenu-no-indent a{
	font-family: arial;
	color: #2067BC;
	text-decoration: none;
	text-align: justify;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	font-size: 11px ;
	line-height: 17px ; /*hauteur de ligne*/
	text-indent: 2em ; /*indentation premiere ligne du texte*/
	margin-right: 10px;
	text-decoration: none;
}
.contenu-no-indent a:hover{
	font-family: arial;
	color: #2067BC;
	text-decoration: none;
	text-align: justify;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	font-size: 11px ;
	line-height: 17px ; /*hauteur de ligne*/
	text-indent: 2em ; /*indentation premiere ligne du texte*/
	margin-right: 10px;
	text-decoration: underline;
}
.contenu-texte-gras p{
	font-family: arial;
	color: #5E5E5E;
	text-decoration: none;
	text-align: justify;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	font-size: 11px ;
	line-height: 17px ; /*hauteur de ligne*/
	text-indent: 2em ; /*indentation premiere ligne du texte*/
	margin-right: 10px;
	font-weight: bold;
}
.contenu a{
	font-family: arial;
	color: #2067BC;
	text-decoration: none;
	text-align: justify;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	font-size: 11px ;
	line-height: 17px ; /*hauteur de ligne*/
	text-indent: 2em ; /*indentation premiere ligne du texte*/
	margin-right: 10px;
	text-decoration: none;
}
.contenu a:hover{
	font-family: arial;
	color: #2067BC;
	text-decoration: none;
	text-align: justify;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	font-size: 11px ;
	line-height: 17px ; /*hauteur de ligne*/
	text-indent: 2em ; /*indentation premiere ligne du texte*/
	margin-right: 10px;
	text-decoration: underline;
}
.contenu-gras p{
	font-weight: bold;
	font-family: georgia;
	color: #067BC5;
	letter-spacing: 1px ; /*espacement entre les lettres*/
}
.contenu-image-droite {
	float:right;
	padding-right: 25px;
	padding-left: 20px;
	padding-top: 20px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Les images de contenu*/
.contenu-image-droite h4 {
	margin-top: 4px;
	font-family: arial;
	color: #067BC5;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	margin-bottom: 7px;
	font-weight:normal;
}
.contenu-image-gauche {
	float:left;
	padding-right: 20px;
	padding-top: 20px;
	margin-bottom: 7px;
}
.contenu-image-gauche h4 {
	margin-top: 4px;
	font-family: arial;
	color: #067BC5;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	margin-bottom: 7px;
	font-weight:normal;
}
.contenu-image-centre p{
	text-align:center;
}
.contenu-image-droite2 {
	float:right;
	padding-right: 25px;
	padding-left: 20px;
}
.contenu-image-droite2 h4 {
	margin-top: 4px;
	font-family: arial;
	color: #067BC5;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	margin-bottom: 7px;
	font-weight:normal;
}
.contenu-image-gauche2 {
	float:left;
	padding-right: 20px;
}
.contenu-image-gauche2 h4 {
	margin-top: 4px;
	font-family: arial;
	color: #067BC5;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	margin-bottom: 7px;
	font-weight:normal;
}
.contenu-image p {
	font-family: arial;
	color: #5E5E5E;
	text-decoration: none;
	text-align: center;
	font-size: 9px ;
}
.contenu-image h4 {
	margin-top: 4px;
	font-family: arial;
	color: #067BC5;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	margin-bottom: 7px;
	font-weight:normal;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Contenu colonne de gauche*/
.contenu-gauche{
	margin-left :5px;
	width : 155px;
}
.contenu-gauche h1{
	font-family: arial;
	text-align: center;
	font-size: 10px ;
	color: #FFFFFF;
	background-color: #2067BC;
	font-weight : bold;
	text-transform: uppercase;
	border: 1px solid #000000; /*noir*/
}
.contenu-gauche p{
	font-family: verdana;
	text-align: justify;
	font-size: 10px ;
	color: #000000;
	margin-top: -6px;
	margin-left: 3px;
	margin-right: 3px;
}
.contenu-gauche-realisation {
	background-color: #F2F2F3;
	margin-left:12px;
}
.contenu-gauche-realisation p{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #000000;
	margin-top: -6px;
}
.contenu-gauche-realisation a{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #2067BC;
	text-decoration: none;
	font-weight : bold;
	text-align: center;
}
.contenu-gauche-realisation a:hover{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #2067BC;
	text-decoration: none;
	font-weight : bold;
	text-align: center;
	text-decoration: underline;
}
.contenu-gauche-index p{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #000000;
	margin-top: -6px;
	margin-left: 3px;
	margin-right: 3px;
}
.contenu-gauche-index a{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #2067BC;
	text-decoration: none;
	font-weight : bold;
	text-align: center;
}
.contenu-gauche-index a:hover{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #2067BC;
	text-decoration: none;
	font-weight : bold;
	text-align: center;
	text-decoration: underline;
}
.contenu-gauche a{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #2067BC;
	text-decoration: none;
	font-weight : bold;
	text-align: center;
}
.contenu-gauche a:hover{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #000000;
	text-decoration: underline;
	text-align: justify;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Encart index*/
.encart-index {
	float:left;
}
.encart-index-actualite {
	float:left;
	width: 150px;
	margin-right: 20px;
	height: 150px;
}

.encart-index-actualite2 img {
	float:left;
}

.encart-index-actualite h1 {
	float:left;
	width: 150px;
	font-family: verdana;
	text-align: center;
	font-size: 9px ;
	color: #FFFFFF;
	background-color: #2067BC;
	font-weight : bold;
	text-transform: uppercase;
	border: 1px solid #000000; /*noir*/
	padding-right: 5px;
	padding-left: 5px;
}

.encart-index-actualite2-titre {
	float:left;
	font-family: verdana;
	text-align: left;
	font-size: 9px ;
	color: #FFFFFF;
	background-color: #2067BC;
	font-weight : bold;
	text-transform: uppercase;
	border: 1px solid #000000; /*noir*/
	padding-right: 5px;
	padding-left: 5px;
}
.encart-index-actualite p {
	float:left;
	width: 150px;
	font-family: verdana;
	text-align: justify;
	font-size: 11px ;
	color: #000000;
	margin-top: 5px;
	border-bottom: 1px solid #BFC0C1;
	border-right: 1px solid #BFC0C1; 
	border-left: 1px solid #BFC0C1; 
	border-top: 1px solid #BFC0C1; 
	background-color: #F2F2F3;
	padding-right: 5px;
	padding-left: 5px;
}

.encart-index-actualite2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px ;
	color: #000000;
	border-bottom: 1px solid #BFC0C1;
	border-right: 1px solid #BFC0C1; 
	border-left: 1px solid #BFC0C1; 
	border-top: 1px solid #BFC0C1; 
	background-color: #F2F2F3;
}

.encart-index-actualite2 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2067BC;
	text-decoration:none;
	font-weight:bold;
}

.encart-index-actualite2 a:hover{
	text-decoration:underline;
}

.encart-index-actualite2 img{
	float:left;
	padding:10px;
}

.encart-index-actualite a{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #2067BC;
	text-decoration: none;
	font-weight : bold;
	text-align: center;
	text-decoration: none;
}
.encart-index-actualite a:hover{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #2067BC;
	text-decoration: none;
	font-weight : bold;
	text-align: center;
	text-decoration: underline;
}
.encart-index-exposition {
	float:left;
	width: 150px;
	height: 150px;
}
.encart-index-exposition h1{
	float:left;
	font-family: verdana;
	text-align: center;
	font-size: 9px ;
	color: #FFFFFF;
	background-color: #2067BC;
	font-weight : bold;
	text-transform: uppercase;
	border: 1px solid #000000; /*noir*/
	width: 150px;
	padding-right: 5px;
	padding-left: 5px;
}
.encart-index-exposition p{
	float:left;
	width: 150px;
	font-family: verdana;
	text-align: justify;
	font-size: 11px ;
	color: #000000;
	margin-top: 5px;
	border-bottom: 1px solid #BFC0C1; 
	border-right: 1px solid #BFC0C1; 
	border-left: 1px solid #BFC0C1;
	border-top: 1px solid #BFC0C1; 
	background-color: #F2F2F3;
	padding-right: 5px;
	padding-left: 5px;
}
.encart-index-exposition a{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #2067BC;
	text-decoration: none;
	font-weight : bold;
	text-align: center;
	text-decoration: none;
}
.encart-index-exposition a:hover{
	font-family: verdana;
	text-align: center;
	font-size: 10px ;
	color: #2067BC;
	text-decoration: none;
	font-weight : bold;
	text-align: center;
	text-decoration: underline;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Pied de page*/
#pied {
	clear:both;
	font-family: verdana;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.pied1 a{
	font-family: verdana;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	text-decoration: none;
	font-weight : bold;
}
.pied1 a:hover{
	text-decoration: underline;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*style pour la page pourquoi tatoues*/
.boite1{
	float: left;
}
.tatoue1{
	float: left;
	width: 280px;
	margin-right: 30px;
}
.tatoue2{
	float: left;
	width: 200px;
}
.tatoue1 h4 {
	margin-top: 4px;
	font-family: arial;
	color: #067BC5;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	margin-bottom: 7px;
	font-weight:normal;
}
.tatoue2 h4 {
	margin-top: 4px;
	font-family: arial;
	color: #067BC5;
	letter-spacing: 1px ; /*espacement entre les lettres*/
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	margin-bottom: 7px;
	font-weight:normal;
}