@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('fonts/robotocondensed-bolditalic-webfont.eot');
    src: url('fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonts/robotocondensed-bold-webfont.eot');
    src: url('fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold_italic';
    src: url('fonts/roboto-bolditalic-webfont.eot');
    src: url('fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-bolditalic-webfont.woff') format('woff'),
         url('fonts/roboto-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoblack';
    src: url('fonts/roboto-black-webfont.eot');
    src: url('fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-black-webfont.woff2') format('woff2'),
         url('fonts/roboto-black-webfont.woff') format('woff'),
         url('fonts/roboto-black-webfont.ttf') format('truetype'),
         url('fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoitalic';
    src: url('fonts/roboto-italic-webfont.eot');
    src: url('fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('fonts/roboto-italic-webfont.woff') format('woff'),
         url('fonts/roboto-italic-webfont.ttf') format('truetype'),
         url('fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/robotocondensed-regular-webfont.eot');
    src: url('fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light-webfont.eot');
    src: url('fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('fonts/robotocondensed-italic-webfont.eot');
    src: url('fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-italic-webfont.woff') format('woff'),
         url('fonts/robotocondensed-italic-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('fonts/robotocondensed-lightitalic-webfont.eot');
    src: url('fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight_italic';
    src: url('fonts/roboto-lightitalic-webfont.eot');
    src: url('fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-lightitalic-webfont.woff') format('woff'),
         url('fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('fonts/roboto-mediumitalic-webfont.eot');
    src: url('fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-mediumitalic-webfont.woff') format('woff'),
         url('fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto-thin-webfont.eot');
    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('fonts/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin_italic';
    src: url('fonts/roboto-thinitalic-webfont.eot');
    src: url('fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thinitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-thinitalic-webfont.woff') format('woff'),
         url('fonts/roboto-thinitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'robotothin';
	letter-spacing: 0.2em;
    background-color: #F4F4F2;
	margin:0;
	padding:0;
}

a {
text-decoration:none;}

	 
header {
	display:block;
	width:100%;
	height:8em;
	margin-top:-1.2em;
	background-image: url(img/back.png);
	background-repeat:repeat-x;
	}
	
#bandeau {
	display:block;
	width:80%;
	height:8em;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(255, 255, 255, 0.3);
	}	

#titre {
		width:100%;
		height:4em;
     	float:left;
		background-color: #E9E9E9;
		margin-top:0px;
		margin-bottom:2em;
		}

h4 {
	display:block;
	font-family: 'robotoregular';
	color:#666;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:1.4em;
	letter-spacing:0em;
	line-height:0.2em;
	}

h3 {
	display:block;
	color: #355671;
	letter-spacing:0em;
	width:50%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-family: 'robotomedium';
	font-weight:bold;
	font-size:2.9em;
	margin-top:0.4em;
	}
	
h2 {
	color: #355671;
	width:60%;
	text-align:center;
	letter-spacing:0em;
	margin-left:auto;
	margin-right:auto;
	font-family: 'robotothin';
	font-size:1.3em;
	margin-top:-2em;

	}
	
#social {
	position:relative;
	float:right;
	margin-top:-1em;
	border:none;
	border:0;
	}		

#logocem{
	float:left;
	margin-left:0; 
	margin-top:-6.7em;
	border:none;
		border:0;
	}
	
#logobdf {	float:right;
			margin-top:-6.4em;
			border:none;
				border:0;
			}

#Toucher{
			z-index:1000;
			border:0px;	
			margin-top:0em;
			float:left;
			width:100%;
			text-align:center;
			background-color: #333;
			height:4.2em;
			}
			
#menu { 
margin:0;
font-family: 'roboto_condensedlight';
letter-spacing: 0.2em;
font-size:1.2em;
color: #7FAD05;
}

#menu li{
display : inline;
list-style: none;
}

#menu a {  
			display:inline-block; 
		    font-family: 'roboto_condensedlight';
			letter-spacing: 0.2em;
			font-size:1.1em;
			padding:0.3em;
			color: white;
			line-height: 2.5em;
} 

#menu a:hover  {
		    font-family: 'roboto_condensedlight';
			letter-spacing: 0.2em;
			font-size:1.1em;
			padding:0.3em;
			color: #7FAD05;	
			background-color: #4c4646;
	  }
	  
#menu a:active, #menu a:focus {
			padding:0.3em;
	  }	   		

.coverflow {
	margin-top:5em;
  	z-index: 10;
  	position: relative;
  	overflow: hidden;
  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  	-webkit-text-size-adjust: none;
  	-ms-text-size-adjust: none;
  	-webkit-touch-callout: none; 
  }

.coverflow .coverflow-wrap {
 margin-top:-100px;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.coverflow .coverflow-tray,
.coverflow .coverflow-rect {
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.coverflow .coverflow-tray,
.coverflow .coverflow-cell {
  pointer-events: none;
  position: absolute;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: -ms-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: -o-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.coverflow .coverflow-hit {
  position: absolute;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.coverflow .coverflow-cell canvas {
  pointer-events: none;
  outline: 1px solid transparent;
  position: absolute; }

.coverflow-text {
  position: absolute;
  width: 100%; }

.coverflow-text h1,
.coverflow-text h2 {
  margin: 0; }
  
#fullheight {
	position:absolute;
     width:  100%;
float:left;
    border:1px solid red;
}

#col1 {
    width: 70%;
	 height:100%;
    border:0px solid gray;
	float:left;

}

#image {
    width: 100%;
	height: 80%;
    border:0px solid green;
	float:left;
	
}
#retour_accueil
{
	width:25%;
    border:0px solid blue;
	position:fixed;
	bottom:10px;
	left:-60px;
}

#loupe {
	width:40%;
    border:0px solid blue;
	float:right;
}

#recto_verso {
    width:30%;
	float:right;
    border:0px solid green;
	text-align:center;
	z-index:10;
	margin-top:5px;
}

#retour {
    width: 100%;
	height: 30%;
	float:left;
	border:0px solid blue;
	text-align:center;
}

#col2 {
	width: 29%;
	height:100%;
    border:0px solid red;
	float:left; 
}

#complements {
    width: 90%;
	border-radius:8px;
	margin-top:10px;
    border:1px solid gray;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:right;
}

.unselectable {
    /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
    /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
    -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
	cursor:move;
}
	  
  .liens_sommaire {
	  font-family: 'robotoregular';
        font-size: 1.1em;
		letter-spacing:0px;	
		color: #333;	
		text-decoration: none;	
		background-color: #E0E0E0;
		line-height:2em;
	  }
	  
	  .liens_sommaire  a {
        font-size: 1em;
		color: #999;	
		letter-spacing:0px;	
		text-decoration: none;
		font-weight: bold;	
	  }
	  .liens_sommaire  a:link {
        font-size: 1em;
		  color: #999;			
		 letter-spacing:0px;	
		text-decoration: none;
	  }	  
	  	  
	.liens_sommaire   	a:hover  {
	    font-size: 1em;
		 color: green;		
		 letter-spacing:0px;	
		text-decoration: none;
	  }	  

	  
	  .liens_precedent {
        	font-size: 2.5em;
			font-weight:bold;
			color: green;	
			margin-top:-1.4em;
			text-align:center;
			line-height:1.1em;
			text-decoration: none;	
			float:left;	
			width:1.3em;
			height:1.3em;
	  }
	  
	  .liens_precedent  a {
		 	color: #333;	
			text-decoration: none;
	  }
 
	.liens_precedent   	a:hover  {
		 	color: #C00;		
			text-decoration: none;
	  }	 
 
	  .liens_suivant {
        	font-size: 2.5em;
			font-weight:bold;
			color: green;	
			margin-top:-1.4em;
			text-align:center;
			line-height:1.1em;
			text-decoration: none;		
			width:1.3em;
			height:1.3em;
			float:right;				
	  }
	  
	  .liens_suivant  a {
		 	color: #333;		
		text-decoration: none;
	  }
 
	.liens_suivant   	a:hover  {
		 color: #C00;			
		text-decoration: none;
	  }	  

#notice {
	display:inline-block;
	font-size: 1em;
font-family: 'robotoregular';
letter-spacing:0.1em;
font-weight:400;
width:45%;
margin-left:2.5em;
padding-top:0.5em;
}	  
	  .complements {
	position:absolute;
    margin-top:150px;
	margin-left:300px;
	
	border:0px solid gray;
	z-index:5000;
	visibility:hidden;
	width:100px;
	
	-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;


	  }
	  
	
	  #libelle_complement {
	  position:absolute;
		margin-top:-10px;
		margin-left:00px;
		z-index:2;
		font-size:40px;
		border:1px solid black;
		width:930px;
		text-align:center;
	  }
	  
	  
	  #libelle_complement1 {
		width:930px;
		text-align:center;
		font-size:40px;
	  }
	  
	   #libelle_complement2 {
		width:930px;
		text-align:center;
		font-size:40px;
	  }
	  
	   #libelle_complement3 {
		width:930px;
		text-align:center;
		font-size:40px;
	  }
	  
	   #drag_image {
		margin-top:-45px;
		margin-left:25px;
	  }
	    #close1 {
	 
		margin-top:-60px;
		margin-left:870px;
		z-index:3;
	  }
	  #close2 {
	 
		margin-top:-60px;
		margin-left:870px;
		z-index:3;
	  }
	  #close3 {
	
		margin-top:-60px;
		margin-left:870px;
		z-index:3;
	  }	  
	 
	 #image_complement {
		position:absolute;
		margin-top:0px;
		margin-left:0px;
		z-index:1;
		
	  }
	  
.petit_complement {
	  
	  
	  border-left:4px solid white;
	  border-right:4px solid white;
	  border-top:4px solid white;
	  border-bottom:20px solid white;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
box-shadow: 0 3px 6px rgba(0,0,0,.25);


		
		
	  }

	  .grand_complement
	  {
	  
	  
	  border-left:12px solid white;
	  border-right:12px solid white;
	  border-top:12px solid white;
	  border-bottom:90px solid white;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
box-shadow: 0 3px 6px rgba(0,0,0,.25);

	  }
	    
  
  
  
  
  
.buttonActif {
background-color:#E7E7E7;
padding:15px;
font-size:150%;
border-radius:15px;
text-decoration: none;
display: block;
text-align:center;
margin: 0 auto;
width:80%;
cursor:pointer;
}

.buttonActif  a:link {
margin: 0 auto;
text-align:center;
font-size:150%;
width:80%;		
text-decoration: none;
}	  
	  

 
.buttoninActif {
background-color:#E7E7E7;
padding:15px;
font-size:230%;
font-weight:bold;
border-radius:15px;
text-align:center;
width:80%;
margin: 0 auto;	
color: lightgray;


}
	  
	  
	  
	  
	  
.buttonActifSmall {
background-color:#E7E7E7;
padding:15px;
border-radius:15px;
text-align:left;
width:30%;
text-align:center;
cursor:pointer;
}

.buttonActifSmall  a:link {

font-size:10%;
width:30%;		
text-align:center;
text-decoration: none;
color:red;
}	  
	  

 
.buttoninActifSmall {
background-color:#E7E7E7;
padding:15px;
font-weight:bold;
border-radius:15px;
text-align:center;
width:30%;
float:right;
color: lightgray;


}
	  
	  
	  
	  
	  
	  
.buttonAccueilDisabled  {
color:red;
}
.buttonAccueilDisabledd  {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:lightgray;
	font-family:arial;
	font-size:50px;
	font-weight:bold;
	font-style:normal;
	line-height:50px;
	width:300px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	color:red;
}
.buttonAccueilDisabledd  a{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:lightgray;
	font-family:arial;
	font-size:50px;
	font-weight:bold;
	font-style:normal;
	line-height:50px;
	width:300px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	color:red;
}
.buttonAccueil {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;

	line-height:50px;
	width:300px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.buttonAccueil:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.buttonAccueil:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */




 	  	.liens2 {
		
        font-size: 11px;
		color:#557e9f;
			line-height: 1.3em;
	
	  }
	   .liens2 a {
		text-decoration: none;
		font-size: 11px;
		color:#557e9f;
	
	  }	
	  	 .liens2 A:link {
		text-decoration: none;
	  }	
	  	 .liens2 A:visited {
		text-decoration: none;
	  }	
	  	 .liens2 A:active {
		text-decoration: none;
	  }	
	  	 .liens2 A:hover {
		text-decoration: none;
	  }