@charset "utf-8";
/* CSS Document */


body  
              { 
			  cursor: url('http://romi.galerie.free.fr/ImagesB/Curseur1.cur'), url('http://romi.galerie.free.fr/ImagesB/Curseur2.cur'),auto;
              background-color: #0a0a0c;
              margin: auto;
              margin-top:2px;
              color:#FFFBA7;
              font-size: 14px;
              font-family: "Comic Sans MS";
              }
.entete
              {
              background: #594e4b;
              background-image: -webkit-gradient(linear, left top, left bottom, from(#594e4b), to(#35353c));
              background-image: linear-gradient(#594e4b, #35353c);
              font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	          font-size:4px;
	          color:#f0f0ee;
	          text-shadow: 0px 1px 1px black;
              border-radius: 2px;
	          text-align:center;	
              }

.bienvenue    
              {
              background: #594e4b;
              background-image: -webkit-gradient(linear, left top, left bottom, from(#594e4b), to(#35353c));
              background-image: linear-gradient(#594e4b, #35353c);
              font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	          text-shadow: 2px 2px 0px black;
	          border-radius: 2px;
	          font-size:13px;
	          font-weight: bold;
	          color:#FFFBA7;
              }
.bloccentralimage 
              {
	          font-family :comic Sans MS;
	          border-radius: 0px;
	          font-size: 12px;
	          text-shadow: 1px 1px 1px black;
              font-weight:bold;
              color: #FFFBA7;
	          ext-align: center;
              }
.liens        
              {
	          background: #7b7b7b;
	          background-image: -webkit-linear-gradient(#7b7b7b,#211c20);
	          background-image: linear-gradient(#7b7b7b,#211c20);
	          height:14px;
              border-radius: 2px;
	          font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	          text-align:center;
	          width:250px;
              font-size: 13px;
	          color:#FFFF80;
	          font-weight: bold;
	          border-top: 1px #E4E4E4 solid;
	          text-decoration: none;
	          text-shadow: 0px 0px 0px black;
	          box-shadow: 0px 2px 2px black;
              }
.liens:hover  
              {
              background: #c0e6c2;
              background: -webkit-linear-gradient(#c0e6c2,#4d774c);
              background: linear-gradient(#c0e6c2,#4d774c);
              height:14px;
              width:250px;
              border-radius:2px/2px;
	          font-size: 13px;
	          font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	          text-align:center;
	          border-top: 1px #FFFFFF solid;
	          border-bottom:0px #f9f9f9 solid ;
	          box-shadow: 1px 4px 6px black; 
	          }
.liens a:link 
              {
				cursor:url('http://romi.galerie.free.fr/ImagesB/Curseur1.cur');  
		      display:block;
              height:14px;
		      width:250px;
		      font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	          font-size:13px;
	          color:yellow;
	          font-weight:600;
              text-shadow:1px 1px 0px black;
              padding:0px;
	          text-decoration: none;
	          text-align:center;
			  }
.liens a:hover
              {
	 	      display:block;
              width:250px;
		      font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		      height:14px;
		      color:red;
	          font-weight:bold;
	          text-shadow:1px 1px 0px black;
	          padding:0px;
	          text-decoration: none;
		      text-align:center;
		      }
.liens a:visited  
              {
	          color: #FFFF80;
	          text-decoration: none;
	          }
.lien10       
              {
	          padding-top:1px;
	          background-color: #251F1F;
	          border-radius: 5px;
	          border:solid #3F3F3F 1px;
	          padding-bottom: 2px;
	          color: #FB5252;
	          font-size: 13px;
	          width: 200px;
	          margin-left: auto;
	          margin-right: auto;
              }
.lien10:hover  
              {
              color: #43FC1E;
              }
.lien10 a:link 
              {
              color: #FB5252;
	          }
.lien10 a:hover,a:visited
              {
              color: #43FC1E;
	          }
.miseengarde 
              {
	          font-size:12px;
	          color:#f0f0ee;
	          font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	          }
.lignehorizontale 
              {
	          height: 1px;
	          width: px;
	          background-color: #494949;
	          text-align: center;
	          }
.plan 
              {
	          width:px;
	          color : #AEAEAE;
	          font-size : 8px;
	          font-weight: 100;
	          font-style: normal;
              }
.plantitre 
              {
	          background-color:#2E2E2E;
	          color :#C3C3C3;
	          font:"Times New Roman";
	          font-size : 10px;
	          font-style: normal;
	          text-decoration: none;
	          text-align: center;
              }
.planlignetitre 
              {
	          background-color:rgba(46,46,46,0.50)0.05;
	          color : #AFAFAF;
	          font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif" ;  
	          font-size : 9px;
	          font-weight:lighter;
	          }
.planlignetitre a:link
              {
	          color : #AFAFAF;
	          font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif" ;
	          font-size : 9px;
	          font-weight:lighter;
	          }
.planlignetitre a:visited 
              {
              color : #AFAFAF;
	          font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif" ;
	          font-size : 9px;
	          font-weight:lighter;
              }
.planlignetitre a:hover 
              {
              color : #FF0000;
	          font-size : 9px;
	          font-weight:lighter;
	          }

.ligneverticalemaxi 
              {
			  width:3px;
              }
.rond
              {
	          border-radius:7px;
	          opacity:0.2;	
              }	

.planentete
              {
              color: #EFEFEF;
              font:"Times New Roman";
              font-size : 18px;
              font-weight:500;
              background-color:#2E2E2E;
              border-radius : 2px;
              }
.plan a:link
              {
	          color :#c9c7c7;
	          font-weight: normal;
	          font-size : 9px;
	          text-decoration: none;
	          text-align: right;
              }
.plan a:hover
              {
	          color :#FF0000;
	          font-weight: normal;
	          font-size : 9px;
	          text-decoration: none;
	          text-align: right;
              }
.plan a:visited
              {
	           color : #c9c7c7;
	          font-size : 9px;
	          font-weight: normal;
	          text-decoration: none;
	          text-align: right;
	          }
.blocbanniere 
              {
              margin-left:auto;
              margin-right:auto;
              }
.liens2  
			   {
				background: #e4e4e6;
				background-image: -webkit-linear-gradient(#e4e4e6,#ab9c9b);
				background-image: linear-gradient(#e4e4e6, #ab9c9b);
				border-radius: 3px;
				font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
				text-align: center;
				width:300px;
				font-size: 10px;
				color: #aa0b00;
				font-weight: bold;
				border-top: 1px #f6f6f6 solid;
				border-bottom: 1px #a4a4a4 solid;
				text-shadow: 0px 0px 0px black;
				box-shadow: 0px 4px 6px black;
				margin:0px;
				}
.liens2:hover 
               {
		       background: #c0e6c2;
		       background: -webkit-linear-gradient(#c0e6c2, #8ad090);
		       background: linear-gradient(#c0e6c2, #8ad090); 
			   border-radius:20px/10px;
			   font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
			   text-align:center;
			   border-top:2px #f9f9f9 solid ;
			   border-bottom:0px #f9f9f9 solid ;
			   box-shadow: 1px 4px 6px black;
			   color:#c22600;  
		       }
.liens2 a:link  
				{
				display:block;
				height:px;
				width:300px;
				font-family :"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
				font-size:10px;
				color:#aa0b00;
				font-weight:bold;
				text-shadow: 0px 0px 0px black;
				text-decoration: none;
				text-align:center;
				}
.liens2 a:hover 
				{
				display:block;
				height:px;
				width:300px;
				font-family :"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
				font-size:10px;
				color:#009106;
				font-weight:bold;
				text-decoration: none;
				text-align:center;
				}
.video1 
				{
				border-radius:3px;
				border:1px solid #CCCCCC;
				}
.logo 
				{
				background-color:#2C2932;
				border-width:1px;
				border-color:#6B6B6B;
				border-style: solid;
				border-radius:100px 100px 40px 20px / 30px 30px 10px 10px;
				}
.separation 
			  {
			  height:1px;
			  background: red; /* For browsers that do not support gradients */
			  /* For Safari 5.1 to 6.0 */
			  background: -webkit-linear-gradient(left,red,orange,yellow,green,DodgerBlue,violet,violet,DodgerBlue,green,yellow,orange,red);
			  /* For Opera 11.1 to 12.0 */
			  background: -o-linear-gradient(left,red,orange,yellow,green,DodgerBlue,violet,violet,DodgerBlue,green,yellow,orange,red);
			  /* For Fx 3.6 to 15 */
			  background: -moz-linear-gradient(left,red,orange,yellow,green,DodgerBlue,violet,violet,DodgerBlue,green,yellow,orange,red);
			  /* Standard syntax */
			  background: linear-gradient(to right, red,orange,yellow,green,DodgerBlue,violet,violet,DodgerBlue,green,yellow,orange,red);
			  opacity:0.7;   
			  }
.separationdg 
                {
				height:1px;
				background: red; /* For browsers that do not support gradients */
				/* For Safari 5.1 to 6.0 */
				background: -webkit-linear-gradient(right,red,orange,yellow,green,DodgerBlue,indigo,violet);
				 /* For Opera 11.1 to 12.0 */
				background: -o-linear-gradient(right,red, orange,yellow,green,DodgerBlue,indigo,violet);
				 /* For Fx 3.6 to 15 */
				background: -moz-linear-gradient(right,red,orange,yellow,green,DodgerBlue,indigo,violet);
				/* Standard syntax */
				background: linear-gradient(to left, red,orange,yellow,green,DodgerBlue,indigo,violet);
				opacity:0.7;
				}
.separationH
               {
	           background:-webkit-linear-gradient(right, rgba(200,200,200,0), rgba(200,200,200, 0.2));
	           background: linear-gradient(to left, rgba(200,200,200,0), rgba(200,200,200, 0.2));
	           }
.separationdHg 
              {
	          background:-webkit-linear-gradient(left, rgba(200,200,200,0), rgba(200,200,200, 0.2));
	          background: linear-gradient(to right, rgba(200,200,200,0), rgba(200,200,200, 0.2));
	          }
[data-tip] 
		        {
				/* on sélectionne l'attribut data-tip */
				color:#CCC;
				font-size:8px;
				font-weight: bold;
				padding:0px;
				}
[data-tip]:hover:after 
{
	display: block;
    content: attr(data-tip); /* on récupère la valeur de l'attribut data-tip */
  margin-top: -5px;
	margin-left: -20px;

	font-size:8px;
	font-weight: bold;
	padding:0px;
	
	 

    border-radius: 2px;
	background: #F5FFF0;
	z-index:100;
}
[data-tip]:hover:before 
{
	content: "";
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 25px solid #D2CD00;
	position: absolute;
	transform:rotate(-180deg);
	-moz-transform: rotate(-180deg) ; 
	-webkit-transform: rotate(-180deg) ;
	margin-top: -5px;
	left: 90px;
	z-index:100;
}
/* CSS Menu_index */
ul
{ 
    display:block;
  
	margin: 0px auto;
    padding: 0;
	font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#FFFF80;
	font-size:13px;
}
ul li
{
    display:inline-block;
	background-image: radial-gradient(center center, circle cover, rgba(218,227,224,0.08)80%,rgba(218,227,224, 0.05) );
	background-image: -webkit-radial-gradient(center center, circle cover,rgba(218,227,224,0.08)80%,rgba(218,227,224, 0.05) );
	background-image: -ms-radial-gradient(center center, circle cover,rgba(218,227,224,0.08)80%,rgba(218,227,224, 0.05) );
    background-image: -moz-radial-gradient(center center, circle cover,rgba(218,227,224,0.08)80%,rgba(218,227,224, 0.05) ) ; 
	font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:yellow;
	font-weight:600;
	text-shadow:1px 1px 0px black;
	box-shadow: 3px 3px 0px black;
	font-size:13px;
}
ul li a, ul li a:visited
{
    display: block;
	background-image: radial-gradient(center center, circle cover, rgba(218,227,224,0.08)80%,rgba(218,227,224, 0.05) );
	background-image: -webkit-radial-gradient(center center, circle cover,rgba(218,227,224,0.08)80%,rgba(218,227,224, 0.05) );
	background-image: -ms-radial-gradient(center center, circle cover,rgba(218,227,224,0.08)80%,rgba(218,227,224, 0.05) );
    background-image: -moz-radial-gradient(center center, circle cover,rgba(218,227,224,0.08)80%,rgba(218,227,224, 0.05) ) ;
	border-top: 1px #767676 solid;
    text-align: center;
	text-shadow:1px 1px 0px black;
	box-shadow: 3px 3px 0px black;
	font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:yellow;
	font-weight:600;
	font-size:12px;
    width:120px;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
	border-radius:0px;
    transition: padding 0.2s;
	-webkit-transition:padding 0.2s;
}
ul li:first-child a
{
    border-radius:2px;
}
ul li:last-child a
{
    border-radius:2px;
}
ul li a:hover, ul li a:focus
{
 background-color: #A8AFA4;
border-top: 1px white solid;
font-family : Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:black;
	text-shadow:2px 2px 1px white;
	box-shadow: 3px 3px 0px black;
font-size:12px;
font-weight:100;
padding:2px 20px 2px 20px;
    transition: padding  0.2s;
	-webkit-transition:padding 0.2s ;
} 
.positioniris
{
	margin-top:35px;
}
a:hover 
{
	cursor: url('ImagesB/Curseur1.cur'), pointer;
	
	
}
a:link
{
	color:#F9F5C2;
	text-decoration: none;
}
a:visited
{
	color:#F9F5C2;
	text-decoration: none;
}
.blocvignettes 
{
	width:320px;
	background-image: radial-gradient(center center, circle cover, rgba(218,227,224,0.5),rgba(218,227,224, 0.0));
	background-image: -webkit-radial-gradient(center center, circle cover,rgba(218,227,224,0.5),rgba(218,227,224, 0.0));
	background-image: -ms-radial-gradient(center center, circle cover,rgba(218,227,224,0.5),rgba(218,227,224, 0.0));
    background-image: -moz-radial-gradient(center center, circle cover,rgba(218,227,224,0.5),rgba(218,227,224, 0) ) ;
color : #FFFF97;
font-family : "Times New Roman";
font-size : 14px;
text-align : center;
}
h1 
{
    margin: auto;
    padding: 0px;
	margin-bottom: 20px;
}
.button a 
{
background: rgb(94,94,96);
background: radial-gradient(circle, rgba(94,94,96,0.4066001400560224) 0%, rgba(109,111,111,0.3841911764705882) 100%);
border:1px #141212 outset; 
border-radius:3px;        
position: relative;
top:1px;
  color:#FFFBA7;
  font-weight:100;
  text-shadow:1px 1px 0px black;
 font-family :"Comic Sans MS";
  text-align: center;
  font-size: 15px;
	padding-left:12px;
	padding-right: 12px;
	padding-bottom: 2px;
  cursor:pointer; 
  transition: all 1s;
  -webkit-transition-duration:all 1s;
  margin:0px;
}
.button a:hover
{
	color:#75F748;
	opacity:1;
}
.button span 
{
  cursor: url(ImagesB/Curseur2.cur), auto; 
 position: relative;
  transition:  1s;
  -webkit-transition-duration:1s ;
}
.button span:after 
{
  content:url(ImagesB/doublefleche.png);
  color: #FFFBA7;
  font-size:15px;
  font-weight:100;
  text-shadow:3px 3px 0px black;
  position: absolute;
  right:-5px;
  opacity: 0;
  top: 0px;
  margin-right: -5px;
  transition:all 1s;
  -webkit-transition-duration:all 1s;
}
.button:hover span 
{
 padding-right: 35px;
}
.button:hover span:after 
{
opacity: 1;
right: -2px;
}
.button:hover 
{
cursor: url(ImagesB/Curseur2.cur), auto;
}
.button 
{
	cursor: url(ImagesB/Curseur2.cur), auto;
}
#blink
{
    animation: blink 3s ease-in-out infinite; /*Remplace le ease-in-out                                                   par un step-end pour                                                       enlever le progressif*/
}

.fontindex
{
    position: relative;
    margin: auto;
    width: 1000px;
	font-family:'mirellapersonneluse',"brush-script-std";
	top: 0px;
	color:#F7F6ED;
}