body{width:100%;
		 height:100%;
		position:absolute;
		left:-150px;}

img {
 border:0;
 padding:0;
 margin:0;

}

a:hover {
 text-decoration:none;
}

p {
 margin-left:5px;
}


/* styles communs aux entêtes*/
h2 {
 margin:0;
 padding:0;
 font-family: Trebuchet MS, Arial, Sans Serif;
 font-size:16px;
 color:#0064D2;
 padding-left:10px;
 padding-bottom:2px;
 height:18px;
 width:75%;
}

h3 {
 margin-left:15px;
 font-family: Verdana, Arial, Sans Serif;
 font-size:1em;
 
}

#all_content {
 margin:0;padding:0;
 margin-left:auto;
 margin-right:auto;
 margin-top:15px;
 width:800px;
 min-height:500px;
 height:auto;
 text-align:left;
}

.banniere {
 background-image:url('../img/banniere.jpg'); 
 background-repeat:no-repeat;
 background-position:top left;
 width:794px;
 height:84px;
}

.banniere h1 {
 font-size:1.2em;
 color:#0064D2;
 padding-left:50px;
 padding-top:40px;
}

/*----------------------*/
/* Les différents blocs */
#Mainmenu {
 width:794px;
 height:25px;
 min-height:20px;
 margin-bottom:15px;
}

#News {
 margin:0;
 padding:0;
 margin-left:570px;
 width:221px;
 min-height:100px;
 clear:right;
 height:300px;
}

#MainContent {
 float:left;
 width:570px;
 min-height:100px;
}

#MainContentFull {
 clear:both;
 width:796px;
}

#Footer {
 clear:both;
 width:796px;
 height:40px;
}

/*premier sous-container : aligner un contenu de droite avec DES contenus à gauche*/
#sscontainer {
 float:left;
}

/* container splachscreen et evenement*/
#sssscontainer {
 float:left;
}

#Splash {
 float:left;
 width:401px;
 height:127px;
 background-image:url('../img/splashweb.jpg'); 
 background-repeat:no-repeat;
 background-position:top left;
}

#Evenement {
 margin-left:401px;
 width:165px;
 height:30px;
}

/*-----------------------------*/
/*Styles pour les bords arrondis */
/*Compatible IE et Firefox */

.cadre {
 background: url('../img/gauche.gif'); 
 background-repeat:repeat-y;
 background-position:left;
 background-color: #DFEFFF;
}

.cadre2 {
 background: url('../img/droite.gif');
 background-repeat:repeat-y;
 background-position:right;
}

/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .hautdroit, .basgauche, .basdroit {
 height: 10px; width: 10px;
 background-repeat: no-repeat;
 font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche {
 background: url('../img/hautgauche.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.hautdroit {
 float: right;
 background: url('../img/hautdroite.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.basgauche {
 background: url('../img/basgauche.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.basdroit {
 float: right;
 background: url('../img/basdroite.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.bas {
 background: url('../img/basmilieu.gif');
 background-repeat:repeat-x;
 clear:both;
}
.haut {
 background: url('../img/hautmilieu.gif');
 background-repeat:repeat-x;
}

.contenu {
 margin:0;
 padding:0;
 padding-left: 4px;
 padding-right: 6px;
}

.contenu p {
 color: #663300;
 margin: 0.5em; /*gestion des espaces interparagraphes */
}

.contenu h1 {
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.1em;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;
 background-color:#67AFFF;
 background-image:url('../img/titre_banniere.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre graphisme : fond bleu */

.graph {
 margin-top:-6px;
 margin-left:2px;
 background-color:#566E79;
 background-image:url('../img/titre_bleu.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre  actus : fond orange*/
#actus h2{
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.1em;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;
 
 background-color:#DD8845;
 background-image:url('../img/titre_orange.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre  techno : fond vert*/
#tech h2 {
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.1em;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;

 background-color:#537334;
 background-image:url('../img/titre_vert.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre  évènement : fond rouge*/
#events h2{
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.1em;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;

 background-color:#7A1F0C;
 background-image:url('../img/titre_rouge.gif');
 background-repeat:no-repeat;
 background-position: top right;
}


#minContainer {
 background-color: #F6F4E4;
 background: url('../img/droite.gif');
 background-repeat:repeat-y;
 background-position:top right;
 border-top:0px dotted #F6F4E4;
 border-bottom:0px dotted #F6F4E4;
 margin-top:-8px;
 margin-bottom:-8px;
}


/*--------------------*/
/*Styles du menu Copix*/

#Mainmenu ul{
 margin:0;padding:0;
 margin-left:7px;
 width:780px;
 list-style-type:none;
 list-style-position:outside;
}

#Mainmenu a{
 font-style:normal;
}

#Mainmenu li li a:hover {
 background-color:#E0DCC6;
 text-decoration:none;
}


#Mainmenu li{
 list-style-type:none;
 margin:0;padding:0;
 float:left;
}

#Mainmenu ul ul{
 padding:0;
 margin:0;
 list-style-type:none;
 margin:0;
 padding:0;
 margin-left:15px;
 width:150px;
 margin-left:-15px;
 border:1px solid #CBB392;
}

#Footer p{
 width:100%;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}
#menu2 {
   width: 600px;
}
#Mainmenu li{
	float:left;
	margin: 3px;
	list-style-type: none;
	padding: 3px;
	color: white;
}
/**
* Table
*/

.popupInformation {
   background-color: #F6F4E4;
   border:1px solid #0064D2;
   padding:3px;
   position:absolute;
}

.errorMessage {
   border: 2px solid #aa0000;
   margin: 5px;
}

.errorMessage h1 {
   background-color: #792206;
   background-image:url('../img/titre_rouge.gif');
   color: #ffffff;
   text-align: center;
   background-repeat:no-repeat;
   background-position: top right;
   font-size: 1em;
   margin-top: 0;
}

.CopixTable {
   margin-left: 5px;
   width: 98%;
   border:3px solid #0064D2;
   border-collapse:collapse;
}
.CopixVerticalTable {
   margin-left: 5px;
   width: 98%;
   border:3px solid #0064D2;
   border-collapse:collapse;
}

.CopixTable thead {
    background-color:#C3934B;
}

.CopixTable thead th {
   background-color:transparent;
}

.CopixTable tr th {
   background-color:#67AFFF;
   height:25px;
   color: #ffffff;
}

.CopixTable td {
   height:25px;
}

.alternate {
   background-color: #9DCEFF;
}