h1 {
	background:url(css/img/logo.png) no-repeat;
	text-indent:105px;
	line-height:100px;
	}
h2 {
	font-size:1.7em;
	
	}	
h3 {
	font-size:1.5em;
	border-bottom:#069 1px solid;
	}	
h4 {
	font-size:1.3em;
	font-style:italic;
	}
	h5{
		font-size:1.1;
		color:#202020;
		}
h1,h2,h3,h4,h5,h6{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

thead th,
tbody th{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

.menu{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

blockquote{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0;
color:#000;
background:#efefef url(css/img/pattern1.jpg) repeat center top;
font:normal 0.9em/150% 'Arimo', "Trebuchet MS", arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}
header{
width:960px;/*960*/
margin:0 auto;
padding:0;
}
.bandeau  {float:left;margin-left:200px;
	margin-top:-30px;
}
#wrap{
width:960px;/*960*/
background:#fff;
margin:30px auto 30px auto;
padding:0;
border:1px solid #ccc;
}

.menu{
margin:-1px -1px 0 -1px;
}


#footer{
text-align:center;
padding:20px;
margin:0;
background:#efefef;
border-top:1px solid #ccc;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
}

	#link-top{
	position: absolute;
	top:10px;
	right:10px;
	*right:25px;/*IE 7 ONLY*/
	left:auto;
	color:#202020;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	background:#e5e5e5;
	line-height:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
#suite a{
	float:right;
	text-decoration:none;
	}
table.exercice
{ 
          border:#000000 solid 2px;
          border-collapse:collapse;
          }
 table.exercice td,table.exercice th{ 
          border:#0099FF solid 1px; 
          }
.rouge{color:#F36; font-weight:bold;}
.tr01{border:#06C solid 1px;width:250px; margin-top:4px;}
.tr02{border:#06C dotted 1px;width:250px; margin-top:4px;}
.tr03{border:#06C dashed 1px;width:250px; margin-top:4px;}
.tr04{border:#06C double 4px;width:250px; margin-top:4px;}
.tr05{border:#06C groove 4px;width:250px; margin-top:4px;}
.tr06{border:#06C ridge 4px;width:250px; margin-top:4px;}
.tr07{border:#06C inset 4px;width:250px; margin-top:4px;}
.tr08{border:#06C outset 4px;width:250px; margin-top:4px;}
.blink {text-decoration:blink; font-style:normal; color:#000;}
.mp01{ background-color:#efffea;border:#1c560b 1px solid;width:200px; height:50px; }
.mp02{ background-color:#e0e0e0;border:#ccc 1px dashed;width:30%;text-align:center; font-family:"Courier New", Courier, monospace;padding:5px; }
.mp03{ background-color:#e0e0e0;border:#ccc 1px dashed; font-family:"Courier New", Courier, monospace;padding:5px; }
.mp04{ background-color:#efffea;border:#1c560b 1px solid;height:30px;float:right; }
.mp05{ background-color:#efffea;border:#1c560b 1px solid;height:30px;float:none;position:absolute;left:50%;opacity: 0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
.mp06{ background-color:#F96;border:#F63 1px solid;height:30px;padding:10px;display:inline-block; }
.mp07{ background-color:#efffea;border:#1c560b 1px solid;height:30px;display:inline;}
/*liens*/
 a.lien{
	color: #fff ;
	text-decoration:none;
	background-color:#125169;
	border:#0a252f 1px solid;
	padding:5px;
}
 a.lien:hover{
	color:#000;
	text-decoration:none;
	background-color:#8bcbe3;
	border:#FC6 1px dashed;
}
a.bouton3{
	text-decoration:none;
	display:block;
	width:200px;
	text-align:center;
	padding:2px;
	color:#000;
	border-radius:10px;
      -moz-border-radius:10px; 
      -webkit-border-radius:10px; 
	background: #29b8e5;
    background: -moz-linear-gradient(top,  #29b8e5 0%, #bce0ee 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29b8e5), color-stop(100%,#bce0ee)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #29b8e5 0%,#bce0ee 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #29b8e5 0%,#bce0ee 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #29b8e5 0%,#bce0ee 100%); /* IE10+ */

background: linear-gradient(to bottom,  #29b8e5 0%,#bce0ee 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b8e5', endColorstr='#bce0ee',GradientType=0 ); /* IE6-8 */
	}
a.bouton3:hover{
	color:#fff;
	background: #114f62;
    background: -moz-linear-gradient(top,  #114f62 0%, #2a7998 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114f62), color-stop(100%,#2a7998)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #114f62 0%,#2a7998 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #114f62 0%,#2a7998 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #114f62 0%,#2a7998 100%); /* IE10+ */

background: linear-gradient(to bottom,  #114f62 0%,#2a7998 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114f62', endColorstr='#2a7998',GradientType=0 ); /* IE6-8 */

	}
#exdeg{
	width:150px;
	height:100px;
	background: -webkit-linear-gradient(#f8fc8b, #2b9ad3); /* Safari 5.1 a 6.0 */
background: -o-linear-gradient(#f8fc8b, #2b9ad3); /* Opera 11.1 a 12.0 */
background: -moz-linear-gradient(#f8fc8b, #2b9ad3); /* Firefox 3.6 a 15 */
background: linear-gradient(#f8fc8b, #2b9ad3); 
	
	}
	#exdeg2{
	width:150px;
	height:100px;
	
background: -webkit-radial-gradient(#e6e6e6,#406d84); /*  	Safari 5.1 a 6.0 */
background: -o-radial-gradient(#e6e6e6, #406d84); /* Opera  	11.6 a 12.0 */
background: -moz-radial-gradient(#e6e6e6, #406d84); /*  	Firefox 3.6 a 15 */
background: radial-gradient(#e6e6e6, #406d84);  	
}
#exdeg3{
	width:150px;
	height:100px;
	background-color: greenyellow;
	background-image: linear-gradient( white, rgba(255,255,255,0));
	background-image: -webkit-linear-gradient( white, rgba(255,255,255,0));
    background-image: -o-linear-gradient( white, rgba(255,255,255,0)); 

	transition: background-color linear 2s;	
}
#exdeg3:hover{background-color: deepskyblue;
}
#trans01 {
    width: 100px;
    height: 100px;
    background: #1CCF6D;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}

#trans01:hover {
    width: 300px;
}
#trans02 {
    width: 100px;
    height: 100px;
    background:#F39;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: all ease 2s;
}

#trans02:hover {
    width: 300px;
	background:#03C;
}
#trans03 {
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; 
    transition: width 2s, height 2s, transform 2s;
}

#trans03:hover {
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg);
}