*
{
	margin: 0em;
	padding: 0em;
}

a
{
	color: #8DA359;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

body
{
	background-color: #F0E3A4;
	background-image: url('images/a4.gif');
	background-repeat: repeat-x;
	color: #37371E;
	font-family: georgia, serif;
	font-size: 10pt;
}

#outer
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.0em;
	background-color: #FEFEF2;	
	background-image: url('images/a3.gif');
	background-repeat: repeat-x;
	padding: 1.0em;
	border-top: solid 1px #ffffff;
	margin-bottom: 1.0em;
}

#outer2
{
	border: dotted 1px #EFEAD1;
	padding: 1.0em;
}

#menu
{
	background-color: #6C7424;
	background-image: url('images/a1.gif');
	background-repeat: repeat-x;
	color: #ffffff;
	height: 1.4em;
	line-height: 1.4em;
	padding: 0.8em;
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #6D7B34;
}

#menu a
{
	color: #ffffff;
	text-decoration: none;
}

#menu ul
{
	list-style: none;
	padding: 0em;
}

#menu li
{
	display: inline;
	font-size: 0.9em;
	font-weight: bold;
}

#menu li a
{
	padding: 0.8em;
}

#menu li a:hover
{
	background-color: #515815;
	background-image: url('images/a2.gif');
	background-repeat: repeat-x;
}

#header
{
	padding: 0.8em 1.2em 1.2em 1.2em;
}

#header h1
{
	font-size: 3.0em;
	text-transform: lowercase;
	font-weight: normal;
	letter-spacing: -0.05em;
}

#header h2
{
	position: relative;
	top: -0.1em;
	text-transform: lowercase;
	font-size: 0.8em;
	color: #4F4F2B;
}

#content
{
	margin-top: 1.0em;
	padding: 1.2em;
	line-height: 2.2em;
	font-size: 0.9em;
	position: relative;
}

#footer
{
	border-top: dashed 1px #EFEFD6;
	padding-top: 1.0em;
	font-size: 1.0em;
	color: #AFA162;
	padding-left: 1.2em;
	clear: both;
}

#column1
{
	width: 650px;
	float: left;
	position: relative;
}

#column1 p
{
	text-align: justify;
	margin-bottom: 2.0em;
	color: #4F4F2B;
}

#column1 h3
{
	font-size: 1.2em;
	border-bottom: dashed 1px #CECF8F;
	margin-bottom: 1.0em;
}



#Admin
{
	width: 100%;
	float: left;
	position: relative;
}

#Admin p
{
	text-align: justify;
	margin-bottom: 2.0em;
	color: #4F4F2B;
}

#Admin h3
{
	font-size: 1.2em;
	border-bottom: dashed 1px #CECF8F;
	margin-bottom: 1.0em;
}


/*    les TITRES */

#fond {
position: relative;
margin: 0px auto;
width: 350px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
z-index: 10;
height:110px;
}
 
.ruban {
background: #b1c70d;
height: 50px;
width: 380px;
position: relative;
left:-15px;
top: 30px;
float: left;
box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
z-index: 100;
}
 
.ruban h2 {
font-size: 25px;
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
text-align: center;
margin:10px;
}
 
.ruban_gauche {
border-color: transparent #7e9202 transparent transparent;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: -30px;
top: 65px;
z-index: -1;  /*s'affichera sous le rectangle  */
}
 
.ruban_droit {
border-color: transparent transparent transparent #7e9202;
border-style:solid;
border-width:15px;
height:0px;
width:0px;
position: relative;
left: 350px;
top: 35px;
z-index: -1;
}


/*   FIN */


#column2
{
	width: 220px;
	float: right;
	position: relative;
	margin-left: auto;
}

#column2 p
{
	text-align: justify;
	margin-bottom: 2.0em;
	color: #4F4F2B;
	font-size: 1.0em;
}

#column2 h3
{
	font-size: 1.1em;
	border-bottom: dashed 1px #CECF8F;
	margin-bottom: 1.0em;
}


#column2 ul
{
	list-style: none;
	line-height: 2.0em;
	margin-bottom: 2.0em;
}

#column2 li
{
	border-bottom: dashed 1px #EFEFD6;
}





/*    form */
input, textarea, select, option {
 background-color:#10FBBB;
 }
input, textarea, select {
 padding:1px;
 border:1px solid #0000FF;
 border-radius:5px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }

textarea:focus { 
background : #FFFDEA;
}

input:focus { 
background : #FFFDEA;
}

input:select { 
background : #FFFDEA;
}

input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit], input[type=reset] {
 width:200px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }
 
input[type=submit], input[type=reset] {
font-weight:bold;
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
background-color:#66FF00;
}
input[type=submit]:active, input[type=reset]:active {
background-color:#000;
color:white;
}
/*    les tableaux */ 
 
table {
border-collapse:collapse;

margin:auto;
}
thead, tfoot {
background-color:#D0E3FA;

}
tbody {
background-color:#FFFFFF;

}
th {
font-family:monospace;

background-color:#ADFF2F;

}
td {
font-family:sans-serif;
font-size:80%;

padding:5px;

}
caption {
font-family:sans-serif;
}
 
 
 
#article21{font-family:"Trebuchet MS",sans-serif;font-size:0.9em;
	border:1px solid #000;
	width: 600px;
	float: left;
	position: relative;
	}
  	
  	#article21 ul li{position:relative;width:100px;height:100px;padding:10px;list-style:none;float:left;}
  	#article21 ul li:nth-child(4n){}
  	#article21 ul li a{display:block;width:100px;height:100px;text-decoration:none;color:white;margin-top:0px;margin-left:0px;
  	border:0px solid rgba(0,0,0,0.7);
  	-webkit-transition-property:width,height,margin,z-index,border;-webkit-transition-duration:0.4s;
  	-moz-transition-property:width,height,margin,z-index,border;-moz-transition-duration:0.4s;
  	-o-transition-property:width,height,margin,z-index,border;-o-transition-duration:0.4s;
transition-property:width,height,margin,z-index,border;transition-duration:0.4s;
  	}
  	#article21 ul li a:hover{position:absolute;width:400px;height:400px;border:6px solid rgba(0,0,0,0.7);
  	-webkit-box-shadow:0px -1px 0px rgba(255,255,255,0.6),0px 1px 0px black;
  	-moz-box-shadow:0px -1px 0px rgba(255,255,255,0.6),0px 1px 0px black;
  	box-shadow:0px -1px 0px rgba(255,255,255,0.6),0px 1px 0px black;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    margin-top:-56px;margin-left:-56px;z-index:100;overflow:hidden;
    }
  	
  	#article21 ul li a img.bigImg{opacity:1;position:absolute;
  	width:100px !important;height:100px !important;z-index:20;
  	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.6);
  	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.6);
  	box-shadow:0px 0px 5px rgba(0,0,0,0.6);
  	-webkit-transition-property:width,height,z-index;-webkit-transition-duration:0.4s;
  	-moz-transition-property:width,height,z-index;-moz-transition-duration:0.4s;
  	-o-transition-property:width,height,z-index;-o-transition-duration:0.4s;
	transition-property:width,height,z-index;
	transition-duration:0.4s;
  	}
  	
    #article21 ul li a:hover img.bigImg{width:400px !important;height:400px !important;z-index:100;}
    #article21 ul li a strong{position:absolute;top:0px;opacity:0;}
    #article21 ul li a:hover strong{opacity:1;top:30px;
    -webkit-transition:top 0.3s ease 0.4s;
    -moz-transition:top 0.3s ease 0.4s;
    -o-transition:top 0.3s ease 0.4s;
    transition:top 0.3s ease 0.4s;
left:0px;width:400px;height:17px;padding:5px;background:rgba(0,0,0,0.8);margin-top:-30px;z-index:150;
    }