/* Styles Copix Formalyon */

/*Màj 15-05-08 DM*/

body {
 margin:0;
 padding:0;
 text-align:center;
 /*font-family:Verdana,Arial,Sans Serif;*/
 /*font-size:0.8em;*/
 color:#630;
 background-color:#ffffff;
}

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

a {
 text-decoration:none;
 /*font-style:italic;*/
 color:#996633;
 /* color:#312000; */
}

/*modif 29-05-07*/
a:visited {
 /*color:#330000;*/ 
 /* color:#0a0911; */
}

/*modif 08-05-07*/
a:hover {
 /* text-decoration:underline overline; */
 text-decoration:underline;
}



li {
 /*list-style-type:circle;*/
}

/* styles communs aux entêtes*/
h2 {
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.1em;
 color:orange;
 padding-left:10px;
 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/themes/hivers/banniere.jpg'); 
 background-repeat:no-repeat;
 background-position:top left;
 width:794px;
 height:84px;
}

.banniere h1 {
 font-size:1.2em;
 color:orange;
 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;
}


#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/themes/hivers/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/themes/hivers/gauche.gif'); 
 background-repeat:repeat-y;
 background-position:left;
 background-color: #F6F4E4;
}

.cadre2 {
 background: url('../../../img/themes/hivers/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/themes/hivers/hautgauche.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.hautdroit {
 float: right;
 background: url('../../../img/themes/hivers/hautdroite.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.basgauche {
 background: url('../../../img/themes/hivers/basgauche.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.basdroit {
 float: right;
 background: url('../../../img/themes/hivers/basdroite.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.bas {
 background: url('../../../img/themes/hivers/basmilieu.gif');
 background-repeat:repeat-x;
 clear:both;
}
.haut {
 background: url('../../../img/themes/hivers/hautmilieu.gif');
 background-repeat:repeat-x;
}

/* titre graphisme : fond bleu */

.graph {
 margin-top:-6px;
 margin-left:2px;
 background-color:orange;
 background-image:url('../../../img/themes/hivers/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/themes/hivers/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/themes/hivers/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/themes/hivers/titre_rouge.gif');
 background-repeat:no-repeat;
 background-position: top right;
}


#minContainer {
 background-color: #F6F4E4;
 background: url('../../../img/themes/hivers/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;
}

.popupInformation {
   background-color: #F6F4E4;
   border:1px solid #ffCA6B;
   padding:3px;
   position:absolute;
   width:300px;
}

.headingTree {
   background-color: #F6F4E4;
   border:1px solid #ffCA6B;
   padding:3px;
   overflow:scroll;
   width:500px;
   height:250px;
   position:absolute;
}

.errorMessage {
   border: 2px solid #aa0000;
   margin: 5px;
   padding:0px;
}
.errorMessage h1 {
   margin:0px;
   color: #ffffff;
   text-align: center;
}
.errorMessage li {
   color: #aa0000;
   margin-left: 20px;
}
#menu2 {
   width: 600px;
}

/**
* Table
*/
.CopixTable {
   width: 98%;
   /*font-size:0.8em;*/
   border:3px solid orange;
   border-collapse:collapse;
   text-align: left;
}

.CopixVerticalTable {
   /*font-size:0.8em;*/
   width: 98%;
   border:3px solid orange;
   border-collapse:collapse;
}

.CopixVerticalTable th {
   text-align: left;
}

.CopixTable thead {
    background-color:orange;
}

.CopixTable th.status {
   width:15%;
}

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

.CopixTable tr th {
   background-color:orange;
   height:25px;
   color: #ffffff;
   text-align: center;
}

.CopixTable th.actions {
   width:35%;
}

.CopixTable th.formActions {
   width:10%;
}

.CopixTable td {
   height:25px;
}

.CopixTable td.detail {
   padding-left:20px;
}
.CopixTable td.headingTitle {
   background-color: #cccccc;
   text-align: center;
}

.alternate {
   background-color: #FDEB89;
}
ul.copixCMSNav{
	background-image:none;
	margin-bottom: 10px; 
}
ul.copixCMSNav li { 
	display: inline; 
	list-style-type: none; 
	line-height: 18px; 
	padding: 2px 5px 2px 5px; 
	margin-left: 2px; 
	margin-bottom: 0px; 
	background-color: orange; 
	color: #ffffff; 
	font-weight: bold; 
	text-align: center;
	width:100px;
	}
html>body ul.copixCMSNav li{
	margin-left: 0px; 
}
ul.copixCMSNav li.copixCMSNavSelected { 
	background-color: #996633; 
}

ul.copixCMSNav a:link, ul.copixCMSNav a:visited { 
	color: white; 
	text-decoration: none; 
	/*padding-left: 1em; 
	padding-right: 1em; */
}
ul.copixCMSNav a:hover { 
	color: white; 
	text-decoration: none; 
	/*padding-left: 1em; 
	padding-right: 1em;*/
}
.copixCMSNavSelected { 
	background-color: #cc2122; 
}
ul.copixError li {} /*Affiche les erreurs dans copix sous forme de liste unordonnée*/
ul.copixArianeLink li:first-child { margin-left: 0px;}
ul.copixArianeLink li { display: inline; margin-left: 20px; }


.CopixDraggableDiv {
   text-align: left;
   position: absolute; 
   top: 2px; 
   left: 2px; 
   border: 2px solid #000000; 
   background-color: #ffffee; 
   width: 200px; 
   overflow: auto; 
   height: 400px;   
}
.CopixDraggableDivTitle {
   height: 20px;
   background-color: #1111aa;
   color: #ffffff;
   border-bottom: 2px solid #000000;
}
.CopixDraggableDivContent {

}