/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut   */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFF;
	text-align: center;
	font: 0.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}

body, img, table, ul, li, div, a, dl, dt, dd, form, fieldset { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

li{list-style-type: none;}





/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

div#container{width:960px;margin:15px auto 0 auto}
div#header{height:225px; background: url(/images/header.gif) no-repeat;position:relative;}
div#hhome{height:730px; padding-top:190px; background: url(/images/fond-home.jpg) no-repeat;position:relative;}
div#serveur{	position:absolute; top:125px; right:0;margin-right:25px}
div#wrapper{float:left;width:100%;}
div#wrapperh{float:left;width:100%;}
div#content{margin: 0 220px 0 260px;}
div#contentl{margin: 0 40px 0 260px;}
div#complements{float:left;width:160px;margin-left:-200px}
div#navigation{float:left;width:180px;margin-left:-930px}
div#footer{clear:left;width:100%;}
div#footerh{clear:left;width:100%;background: url(/images/fond.gif) repeat-y;}

/* la page d'accueil */
div#home{margin: 0px 80px;}


/*  ------------------------------------------
/*  Les déclarations de mise en forme
/*  ------------------------------------------ */

/**********   Les liens   */
#navigation a{
	color:#a59fa6;
	}
#console a, #console:visited{
	text-decoration: none;
	font-weight:bold;
	color:#006699;
	}
#console a:hover{
	color:#000;
	border-bottom:3px solid #000;
	}

/********** déclarations générales */
p{
	margin:0 10px 10px 20px;
	line-height:2em;
	}

h1{	/* background: url(/images/cube.gif~) no-repeat; */
	height:40px;
	margin:30px 0; 
	color:black; 
	font: 3em "Lucida Grande", Lucida, Verdana, sans-serif; 
	text-transform: uppercase;
	font-weight: bold;
	border-bottom:1px solid #a59fa6;
	}
h2{	color:#006699;
	font-weight:bold;
	font-size:4em;
	}	

h3{	color:#006699;
	font-weight:bold;
	font-size:1em;
	
	}
	
h3.liste{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-weight: bold;
		color:#80c6de;
		background: url(/images/arrow.gif) no-repeat;
		padding-left:20px;
		font-size: 1.27em;
		}
h6{
text-align: center;
font-weight: bold;
}
		
table{border:0;
border-collapse: collapse;
	width:100%;
	}
td{
	padding:5px 0 5px 25px;
	}
thead td{
	background-color:#a59fa6;
	font-weight: bold;
	}
.alternate{
	background-color:#CFE3E3;	
	}
.strong{
	font-weight: bold;
}


.clear{clear:both;}
.left{
	float:left;
	margin-right:5px;
	}

/********* Le header */
#main_menu{
	position:absolute; top:190px; left:0px; 
	background-color:#326db1;
	width:880px; 
	margin-left:40px;
}
#main_menu li{
	float:left; 
	line-height:2em;
  font-size:15px;
	list-style-type: none;
}

#main_menu a, #main_menu a:visited{
	margin: 0 15px;color:white;
	font-weight: bold;
	text-decoration: none;
	border-bottom:4px solid #326db1;
}
#main_menu a:hover{
  color:white;	
	border-bottom:4px solid white;
	}
#console{
	text-align:left;
	width:150px;
	position:absolute;
	top:100px;
	right:0;
	}
#console legend{
	font-weight: bold;
	}	
#console label{
	display:block;
	}

/********* Le header accueil****/
#main_menuh{
	position:absolute; top:190px; left:0px; 
	background-color:#326db1;
	width:550px; 
	margin-left:65px;
}
#main_menuh li{
	float:left; 
	line-height:2em;
  font-size:15px;
	list-style-type: none;
}

#main_menuh a, #main_menu a:visited{
	margin: 0 15px;color:white;
	font-weight: bold;
	text-decoration: none;
}
#main_menuh a:hover{
  color:white;	
	border-bottom:4px solid white;
	}

/********* La colonne de gauche     */

div#navigation{
	background:white;
	}
#navigation dt{
	margin-top:10px;
	height:25px;
	width:170px;
	/* background: url(/images/menu.gif~) no-repeat; */
	padding:18px 0 0 45px;
	font-weight:bold;
	}
#navigation dd{
	margin:0 8px;
	padding:3px 10px;
	border-bottom:1px dotted #069;
	}


/******** la partie centrale  */
div#container{
	background: url(/images/fond.gif) repeat-y;
	text-align:left;
	}
	
	

/********* la colonne de droite  */
div#complements {
	background:#fff;
	text-align: left;
	}
	
.wrap{
	background: url(/images/boite_bottom.gif) left bottom;
	padding:0 0 18px 0px;

	}	
.boite{
	padding:15px 5px 0 5px;
	background: url(/images/boite_top.gif) no-repeat;	

}
.boite p{
margin: 0;
	padding:0 3px;
	}


/**************
*
*  Le PIED DE PAGE
*
***************/

div#footer{

	padding:30px 0 20px 0;
	background: url(/images/bottom.gif) no-repeat bottom left;
	color: #ACD;
	}
div#footer p{
text-align:center;
	margin:0 150px;
	padding:5px 10px;
	}
div#footer p.first{
	margin:0 100px;
	border-top:1px dashed #d2d2d2 ;
	}	
#footer a, #footer a:visited{
	color:#006699;
	}
#footer a:hover{
	color:#000;
	}

/*************************
*
*    LA PAGE D'ACCUEIL
*
*************************/
.offre{
	padding:10px;
	margin:80px 0px 0px 0px;
	float:left;
	width:220px;
	height:290px;
	}
.offre p{
	margin :0;
	font-size:1.1em;
	line-height:1.3em;
	}
.offre h2{
	border-bottom:1px dotted #006699;
	margin-bottom:10px;
	}	
.offre h2 span{
	color:#000;
	font-style: italic;
	font-weight: normal;
	font-size:50%;
	}
.offre p, .options p{
	margin :0;
	font-size:1.1em;
	line-height:1.3em;
	}	
			
img.processor{
	float:left;
	margin-right:10px;
	}
p.blue{
	color:#006699;
	font-size:12px;
	}	
#distributions p{
	text-align:center;
	}	
.options{
	padding:5px;
	margin:40px 5px;
	float:left;
	width:160px;
	height:90px;
	font-size:13px;
  font-weight: bold;
	}	

.options h3{
  color:white;
	font-size:20px;
  margin:0px 0px 8px 0px;
}

#avertissement {
  width:700px
}

/**************
*
*  Le PIED DE PAGE ACCUEIL
*
***************/

div#footerh{

	padding:30px 5px 20px 0px;
  margin-left:2px;
	background: url(/images/bottomh.gif) no-repeat bottom left;
	color: #ACD;
	}
div#footerh p{
text-align:center;
	margin:0 150px;
	padding:5px 10px;
	}
div#footerh p.first{
	margin:0 100px;
	border-top:1px dashed #d2d2d2 ;
	}	
#footerh a, #footerh a:visited{
	color:#006699;
	}
#footerh a:hover{
	color:#000;
	}

/***********************
**** Ajout Guillaume
***********************/
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}
.fields {
  padding: 2px;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#notice {
    border: 2px solid red;
    padding: 5px;
    font-weight: bold;
}

.boite_detail {
  border: 1px solid #006699;
  padding: 5px;
  margin: 5px;
}

.invisible {
  display: none;
}


/***********************
**** Ajout Ticket
***********************/

.expand_ticket_box
{
padding:2px;
margin:5px;
border:1px dotted #D1EFB3;
background:url(/images/ticket_bg.png);
font-size:12px;
} 

.ticket_col0
{
background-color:#a2dcef;
border-bottom:1px solid #576F3E;
padding:5px;
}
.ticket_col1
{
background-color:#7fc5dd;
border-bottom:1px solid #576F3E;
padding:5px;
}

.post_box_user_post
{
border:1px dotted #576F3E;
background-color:#CFFFF5;
padding:2px;
margin-bottom:5px
}
.post_box_tech_reply
{
border:1px dotted #576F3E;
background-color:#7FD2FF;
padding:2px;
margin-bottom:5px
}
.post_box_tech_comment
{
border:1px dotted #576F3E;
background-color:#AFAFAF;
padding:2px;
margin-bottom:5px
}
.post_box_admin_reply
{
border:1px dotted #576F3E;
background-color:#C7FF8F;
padding:2px;
margin-bottom:5px
}
.post_box_admin_comment
{
border:1px dotted #576F3E;
background-color:#AFAFAF;
padding:2px;
margin-bottom:5px
}
.post_box_title
{
background-color:white;
font-size:10px;
padding:2px;
margin-bottom:3px;
border-bottom:1px solid #6F6F6F
}

.expand_ticket_options_box
{
border:1px solid #5f89c1;
border-top:0px solid black;
background-image:url(/images/main_input_bg.png);
background-color:#7FC5DD;
background-repeat:repeat-y;
margin-right:2px;
margin-left:2px;
}
.expand_ticket_options_title
{
border:1px solid #5f89c1;
background-image:url(/images/ticket_options_bar.png);
background-repeat:repeat-x;
font-weight:bold;
}

.form_box
{
background:url(/images/box_bg_top.png);
background-repeat:no-repeat;
padding:2px;
}
h1, h2, h3, h4, h5, h6
{
margin:0px;
}
hr
{
border:0px solid #517fbc;
margin:0px;
}
input,textarea
{
font-family:"Trebuchet MS";
font-size:12px;

overflow:auto;
}