/* Mise en page  */
html, body {
	font-family: Times New Roman;
	font-size: 100%;
	color: #ffffff;
	background-color: #3333ff;
	text-decoration: none;
	width : 970px; 
	margin: 0 auto;
	text-align: center;
}

p, ul, li {
	font-size: 100%;
	font-family: Times New Roman;
	color: #ffffff;
	text-align: justify;
	margin:15px;
}

td {
 text-align:center;
}

 
/* Titre  */
h1 {
	font-size: 125%;
	font-family: Times New Roman;
	color: #ffffff;
	vertical-align: center;
	font-weight: bold;
}

h2 {
	font-size: 120%;
	font-family: Times New Roman;
	color: #ffffff;
	font-weight: bold;	
}

h3 {
	font-size: 110%;
	font-family: Times New Roman;
	color: #ffffff;
	font-weight: normal;
}

h4 {
	font-size: 130%;
	font-family: Times New Roman;
	color: #33ff33;
	font-weight: normal;
	font-weight: bold;
}

h5 {
	font-size: 75%;
	font-family: Times New Roman;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
}

h6 {
	font-size: 50%;
	font-family: Times New Roman;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
}


/* Liens HTML */
a:link {
	font-family: Times New Roman;
	font-size: 100%;
	text-decoration: none;
	color: #ffffff;
}

a:active {
	font-family: Times New Roman;
	font-size: 100%;
	text-decoration: none;
	color: #ffffff;
}

a:visited {
	font-family: Times New Roman;
	font-size: 100%;
	text-decoration: none;
	color: #ffffff;
}

a:hover {
	font-family: Times New Roman;
	font-size: 100%;
	text-decoration: none;
	color: #f4e123;
}


/* Images pour IE */
img {
	border: none white;
}



/* <---- header ----> */

.header {
	width: 968px;
	height: 55px;
	margin-top: 5px;
	text-align :left;
	border:1px solid # ffffff;
	background-color:# 000000;
}

.logo {position:absolute; 
	margin-left: 18px;
	text-align :left;
}

.google {
    width: 200px;
    height: 10px;
    border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#000000;
	font-size:12px;
	margin-left: 710px;
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}	

.loupe {
	margin-top: 20px;
}



/* <---- tableau ----> */
 
.cadre {
 }
 
/* Production */ 
.pochette {
	background-color:#ffffff; 
	border:2px solid #ffffff; 
 }
 
.mois {
	 border:5px solid #3333ff; 
 }
 
.contenu {
	 border:5px solid #3333ff;
 }


/* Tournage */ 
.tournage {
	background-color:#ffffff; 
	border:2px solid #ffffff;  
}


/* Plan du site */ 
.plan {
font-size: 120%;
	font-family: Times New Roman;
	background-color:#000000;
	border:2px solid #ffffff;  
	width: 280px;
	padding: 15px 15px;
}

.plansite { 
	width: 550px;
	padding:25px 15px;
}



/* <---- menu gŽnŽral ----> */

/* global navigations */
.globalnav { 
	height: 10px; 
	margin: 5px auto; 
	position: relative; 
	text-align: center; 	
	height: 10px !important;
	z-index: 1;	
	clear:both;
}

.globalnav a.active { 
	cursor: default; 
}

/* jQuery Tools navi */
#menu a {
	float:left;
	font-size:15px;
	padding:5px 0px;	
	text-decoration:none;
	border:1px solid #ffffff;	
	height:18px;
	background-color:#000000;
	color:#ffffff;
	position:relative;
	top:1px;
}

/* taille des ŽlŽments */
#menu1 {
	width: 101px; 
}

#menu2 {
	width: 110px; 
}

#menu3 {
	width: 110px; 
}

#menu4 {
	width: 100px; 
}

#menu5 {
	width: 170px; 
}

#menu6 {
	width: 80px; 
}

#menu7 {
	width: 80px; 
}

#menu8 {
	width: 120px; 
}

#menu9 {
	width: 81px; 
}

/* mouseover */
#menu a:hover {
	background-color:#f4e123;
	color:#ffffff;
}

/* mouse pressed */
#menu a:active {
	background-color:#3333ff;
	color:#ffffff;	
	cursor:default;
}

/* active button */
#menu a.active {
	background-color:#3333ff;
	color:#ffffff;	
	cursor:default;
}



/* <---- sous menu ----> */

/* global navigations */
.sousnav { 
	height: 10px; 
	margin: 5px auto; 
	position: relative; 
	text-align: center; 	
	height: 19px !important;
	z-index: 1;	
	clear:both;text-decoration:none;
	border:1px solid #ffffff;
	background-color:#000000;
	color:#ffffff;
}

.sousnav a.active { 
	cursor: default; 
}

/* jQuery Tools navi */
#sousmenu a {
	margin:0px auto;
	text-align:center;
	padding:1px;
	font-size:14px;
}

/* mouseover */
#sousmenu a:hover {
	color:#f4e123;
}

/* mouse pressed */
#sousmenu a:active {
	color:#3333ff;	
	cursor:default;
}

/* active button */
#sousmenu a.active {
color:#3333ff;	
}



/* <---- onglets ----> */

/* root element for tabs  */
ul.tabs { 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #ffffff;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	position:relative;
	padding:0; 
	margin:0;  
	list-style-type:none; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;	
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #ffffff;	
	border-bottom:0px;
	height:18px;
	background-color:#000000;
	color:#ffffff;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-color:#f4e123;
	color:#ffffff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color:#3333ff;
	border-bottom:1px solid #3333ff;	
	color:#ffffff;	
	cursor:default;
}

/* cadre */
#pane {
	display:hidden;
	border:1px solid #ffffff;
	border-width:1px 1px 1px 1px;
	min-height:150px;
	background-color:#3333ff;
}

#panes {
	display:hidden;
	border:1px solid #ffffff;
	border-width:0 1px 1px 1px;
	min-height:150px;
	background-color:#3333ff;
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;	
}



/* <---- footer ----> */

/* global navigations */
.footernav { 
	height: 20px; 
	margin: 5px auto; 
	position: relative; 
	text-align: center; 	
	height: 28px !important;
	z-index: 1;	
	clear:both;
}

.footernav a.active { 
	cursor: default; 
}

/* jQuery Tools navi */
#footer a {
	float:left;
	font-size:12px;
	display:block;
	padding:2px 0px;	
	text-decoration:none;
	border:1px solid #ffffff;
	height:14px;
	background-color:#000000;
	color:#ffffff;
	margin-right:0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	position:relative;
	top:1px;
	margin-bottom: 5px;
}

/* Taille des ŽlŽments */
#footer1 {
	width: 602px; 
}

#footer2 {
	width: 120px; 
}

#footer3 {
	width: 120px; 
}

#footer4 {
	width: 120px; 
}

/* mouseover */
#footer a:hover {
	background-color:#f4e123;
	color:#ffffff;
}

/* mouse pressed */
#footer a:active {
	background-color:#3333ff;
	color:#ffffff;	
	cursor:default;
}

/* active button */
#footer a.active {
	background-color:#000000;
	color:#ffffff;	
	cursor:default;
}