@font-face {
	font-family: 'JMLETTER';
	src: url('../fonts/jmletter.ttf') format('truetype');
}

@font-face {
  font-family: 'NKO';
      src: url('../fonts/nkot__fever.eot?#iefix') format('embedded-opentype'),
           url('../fonts/nkot__fever.woff') format('woff'),
           url('../fonts/nkot__fever.ttf') format('truetype'),
           url('../fonts/nkot__fever.svg') format('svg');
}

* {
	margin: 0;
	padding: 0;
}

body {
	background:url(../images/bg_motif.jpg);
}

body,td,th, p {
	font-family:"Trebuchet MS","Arial", "Helvetica", "sans-serif";
}

H2{
	font-family:"Lucida SANS","Arial";
	font-size:35px;
	font-weight:bold;
	padding-bottom:30px;
}

H3 {
	font-family:"jmletter", "verdana";
	font-size:20px;
	color:white;
	background-color:#00adef;
	margin:20px 0px 10px 0px;
}

a {
	text-decoration:none;
}

/*------------ STRUCTURE -------------*/

#principal {
	width:1000px;
	margin: 0 auto;
}

#navig {
	width:1000px;
	background:url(../images/bg_nav.png) no-repeat top;
	height:80px;
}

li.item_menu {
	display:inline;
}

#menu {
	width:490px;
 	list-style:none;
  	margin:0;
  	padding-left:4px;
}

#menu li {
  	margin-bottom: 1px ;
	display:inline;
	line-height: 1.7em;
}

li.item_menu a {
	border-right: 1px solid #FFF ;
	display: inline ;	
  	text-align: center ;
  	text-decoration: none ;
  	padding: 10px 20px 10px 20px;
	margin: 2px -2px 4px -2px;
	font-family:"Lucida Sans","Trebuchet MS", "Arial";
	font-size:14px;	
	color:white;
	text-transform:uppercase;
	font-weight:bold;
}
	
li.item_menu_down a {
	border-right: 1px solid #FFF ;
	display: inline ;	
  	text-align: center ;
  	text-decoration: none ;
  	padding: 10px 20px 10px 20px;
	margin: 2px -2px 4px -2px;
	font-family:"Lucida Sans","Trebuchet MS", "Arial";
	font-size:14px;	
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#b6121d;
}

li.item_menu a:hover {
	background:#b6121d;
}

/* ----- contenu ------*/

#contenu {
	width:1000px;
	height:650px;
}

#contenu_gauche {
	width:520px;
	height:650px;
	float:left;
}

#contenu_droit {
	width:470px;
	height:620px;
	float:left;
	padding:0px 5px 10px 5px;
}

#contenu_droit_titre {
	height:60px;
	text-align:center;
	font-size:3em;
	font-family:"NKO", "Trebuchet MS";
}

#contenu_droit_chapo {
	height:80px;	
	color:white;
	font-family:"JMLETTER";
}

#contenu_droit_chapo_1 {
	margin: 20px 0px 0px 80px;
	background-color:black;
	height:20px;
	width:310px;
	-webkit-transform: rotate(-2deg);
   	-moz-transform: rotate(-2deg); 
   	-ms-transform: rotate(-2deg);
   	-o-transform: rotate(-2deg);
   	transform: rotate(-2deg);	
}

#contenu_droit_chapo_2 {
	margin: 3px 0px 0px 120px;
	background-color:black;
	height:20px;
	width:180px;
	-webkit-transform: rotate(-2deg);
   	-moz-transform: rotate(-2deg); 
   	-ms-transform: rotate(-2deg);
   	-o-transform: rotate(-2deg);
   	transform: rotate(-2deg);	
}

#contenu_droit_texte {
	height:420px;
	font-size:1.05em;
	text-align:justify;
	padding:0px 5px 20px 5px;
	font-family:"JMLETTER";
}

#contenu_droit_pied {
	font-family:"JMLETTER";
	height:60px;
	color:white;
}

#contenu_droit_pied_1 {
	background-color:#b6121d;	
	margin: 3px 0px 0px 40px;
	height:20px;
	width:380px;
	-webkit-transform: rotate(-2deg);
   	-moz-transform: rotate(-2deg); 
   	-ms-transform: rotate(-2deg);
   	-o-transform: rotate(-2deg);
   	transform: rotate(-2deg);	
}

#contenu_droit_pied_2 {
	background-color:#b6121d;	
	margin: 3px 0px 0px 80px;
	height:20px;
	width:200px;
	-webkit-transform: rotate(-2deg);
   	-moz-transform: rotate(-2deg); 
   	-ms-transform: rotate(-2deg);
   	-o-transform: rotate(-2deg);
   	transform: rotate(-2deg);
}

/*------ FOOTER ------*/

#cleardiv {
	height:40px;
	clear:both;	
}

#footer_principal {
	border: none;
	background:url(../images/bg_footer_extend.png) repeat-x;
	width:100%;
	height:479px;
	margin:0 auto;
}

#footer {
	background:url(../images/bg_footer.png) top no-repeat;
	width:1250px;
	height:480px;
	margin:0 auto;
}

#footer_nv0 {
	width:900px;
	height:40px;
	margin:0 auto;	
}

#footer_nv1 {
	width:900px;
	height:145px;	
	margin:0 auto;
}

#footer_nv1_gauche {
	height:145px;
	width:450px;
	float:left;
}

#footer_nv1_gauche_img {
	margin:15px 18px 10px 18px;
	height:112px;
	width:414px;
	background:url(../images/pouet.jpg) top;	
}

#footer_nv1_droite {
	color:white;
	font-size:11px;
	padding:10px;	
	height:125px;
	width:430px;
	float:left;
	text-align:justify;
}

#footer_nv2 {
	width:900px;
	height:227px;
	margin:0 auto;
}

#footer_nv2_gauche {
	width:445px;
	height:217px;
	float:left;
	position:relative;	
	padding-top:10px;
	padding-left:5px;
	border: none;
	color:white;
	font-family:"Arial", "Helvetica", "sans-serif";
	font-size:13px;
}

#footer_nv2_gauche_1 {
	height:150px;
	width:150px;
	background-color:white;	
	position:absolute;
	top:50px;
	left:50px;
	border: none; 
	-webkit-transform: rotate(2deg);
   	-moz-transform: rotate(2deg); 
   	-ms-transform: rotate(2deg);
   	-o-transform: rotate(2deg);
   	transform: rotate(2deg);
	text-align:center;
}

#footer_nv2_gauche_1 a {
	opacity:.7;
	color:white;
	border: none;
}

#footer_nv2_gauche_1 a:hover {
	height:150px;
	width:150px;
	background-color:white;
	opacity:1;
	color:black;
	border: none;
}

#footer_nv2_gauche_2 {
	height:150px;
	width:150px;
	background-color:white;	
	position:absolute;
	top:50px;
	left:250px;
	border: none;
	-webkit-transform: rotate(2deg);
   	-moz-transform: rotate(2deg); 
   	-ms-transform: rotate(2deg);
   	-o-transform: rotate(2deg);
   	transform: rotate(2deg);
	text-align:center;
}

#footer_nv2_gauche_2 a {
	opacity:.7;
	color:white;
	border: none;
}

#footer_nv2_gauche_2 a:hover {
	height:150px;
	width:150px;
	background-color:white;
	opacity:1;
	color:black;
	border: none;
}

#footer_nv2_droite {
	width:450px;
	height:147px;
	float:left;
	
	text-align:center;
	font-family:"Arial", "Helvetica", "sans-serif";
	color:white;
	font-size:22px;
	padding-top:80px;
}

#footer_nv2_droite span {
	font-size:32px;
}

#footer_nv2_droite a {
	color:white;	
}

#footer_nv2_droite a:hover {
	color:#b6121d;	
}

#footer_nv3 {
	width:900px;
	height:40px;
	margin:0 auto;	
}

#footer_nv3_gauche {
	width:280px;
	height:37px;
	float:left;	
	font-family:"NKO", "Trebuchet MS";
	color:white;
	font-size:20px;
	padding-left:20px;
	padding-top:3px;
}

#footer_nv3_center {
	width:300px;
	height:30px;
	float:left;	
	font-family:"Arial", "Helvetica", "sans-serif";
	color:white;
	font-size:13px;
	text-align:center;
	padding-top:10px;
}

#footer_nv3_droite {
	width:270px;
	height:30px;
	float:left;	
	font-family:"Arial", "Helvetica", "sans-serif";
	font-size:13px;
	text-align:right;
	margin-top:10px;
	color:white;
	padding-right:30px;
}

#footer_nv3_droite li {
	display:inline;
	padding-right:25px;
}

#footer_nv3_droite li a {
	color:white;	
}

#footer_nv3_droite li a:hover {
	color:black;	
}

/*------- EN VIDEO --------*/

#contenu_video {
	width:1000px;
}

.encart_video {
	width:1000px;
	height:285px;
	padding-top:60px;
}

.video {
	width:500px;
	height:285px;
	float:left;
}

.texte_video {
	padding:15px;
	font-family:"Lucida Sans","Arial";
	font-size:14px;
	width:470px;
	height:255px;
	float:left;
}

#pagination {
	height:20px;
	width:1000px;
	text-align:center;
	padding-top:20px;
}

#pagination a {
	color:black;
}

a.down  {
	color:blue;
	font-weight:bold;
}

#pagination a:hover {
	color:white;
	background-color:black;
}

.rouge {
	color:#b6121b;	
}

.bleu {
	color:#03C;	
}

.orange {
	color:#F90;
}

.vert {
	color:#060;
}

/* ------------------ CONTENU -----------*/

#contenu_contenu {
	width:1000px;	
}

#contenu_titre {
	height:60px;
	width:1000px;
	color:white;
	font-family:"jmletter", "Trebuchet MS";
}	

#contenu_titre1 {
	background-color:#00adef;
	width:610px;
	-webkit-transform: rotate(-1deg);
   	-moz-transform: rotate(-1deg); 
   	-ms-transform: rotate(-1deg);
   	-o-transform: rotate(-1deg);
   	transform: rotate(-1deg);
}

#contenu_titre2 {
	background-color:#00adef;
	width:460px;
	-webkit-transform: rotate(-2deg);
   	-moz-transform: rotate(-2deg); 
   	-ms-transform: rotate(-2deg);
   	-o-transform: rotate(-2deg);
   	transform: rotate(-2deg);	
}

#contenu_table {
	background:url(../images/bg_contenu.png) top no-repeat;
	height:1240px;
	width:1000px;
	list-style-type:none;
	font-size:18px;
}

.titre_cat ul {
	padding-top:2px;
	padding-left:50px;
	list-style-type:none;
}

ul.titre_cat {
	padding-left:200px;
	padding-top:10px;
}

ul.titre_cat.first {
	padding-top:60px;
}

ul.titre_cat li{
	font-size:16px;
	padding-left:30px;
	padding-top:2.3px;
	list-style-type:none;
}

#contenu_table a {
	font-size:13px;
	color:black;
}


/*---- LIENS ----*/

#contenu_titre_lien {
	height:160px;
	width:1000px;
	color:white;
	font-family:"jmletter", "Trebuchet MS";
}

.contenu_lien1 {
	background-color:#00adef;
	width:580px;
	-webkit-transform: rotate(-1deg);
   	-moz-transform: rotate(-1deg); 
   	-ms-transform: rotate(-1deg);
   	-o-transform: rotate(-1deg);
   	transform: rotate(-1deg);
}

.contenu_lien2 {
	margin-top:5px;
	background-color:#00adef;
	width:550px;
	-webkit-transform: rotate(-1deg);
   	-moz-transform: rotate(-1deg); 
   	-ms-transform: rotate(-1deg);
   	-o-transform: rotate(-1deg);
   	transform: rotate(-1deg);
}

.contenu_lien3 {
	margin-top:5px;
	background-color:#00adef;
	width:610px;
	-webkit-transform: rotate(-1deg);
   	-moz-transform: rotate(-1deg); 
   	-ms-transform: rotate(-1deg);
   	-o-transform: rotate(-1deg);
   	transform: rotate(-1deg);
}

.contenu_lien4 {
	margin-top:5px;
	background-color:#00adef;
	width:380px;
	-webkit-transform: rotate(-1deg);
   	-moz-transform: rotate(-1deg); 
   	-ms-transform: rotate(-1deg);
   	-o-transform: rotate(-1deg);
   	transform: rotate(-1deg);
}

#contenu_contenu_lien {
	width:1000px;
	color:#00adef;
}

ul.lien {
	list-style-type:square;
	padding-left:40px;	
}

ul.lien span {
	font-size:15px;
	color:black;
}

ul.lien a {
	font-size:13px;
	color:#00adef;
}