/*
// Site : http://www.cip-dramont.com/
// Date : 11-01-2009
// Ver. : (presque presque finale)
*/

/*
// Basics
*/

body {background     : #000935 url(../img/gui/bkg/bkg_body.png) repeat-x left top;
padding-top    : 10px;
text-align     : center;}

#main {margin         : auto;
width          : 645px;
background     : url(../img/gui/bkg/bkg_main.png) no-repeat left bottom;
padding-bottom : 8px;
text-align     : left;
display         : float;
}



/*
// Part : Headmaster
*/

#headmaster {background     : transparent url(../img/gui/bkg/bkg_headmaster.png) no-repeat left bottom;
font-family    : "Trebuchet MS";
color          : #FFFF99;
height         : 60px;
text-align     : right;}

#headmaster h1 {font-size      : 18px;
margin-bottom  : 0;
margin         : 0;
padding        : 0;}

#headmaster h2 {font-size      : 12px;
margin         : 0;
padding        : 0;}

/*
// Part : Menu
*/

#menu {background      : #FFF;
border-left     : 1px solid;
border-right    : 1px solid;
text-align      : center;
padding         : 10px 0 20px 0;
margin          : 0;}

#menu a {font            : bold 11px Arial, Helvetica;
color           : #000733;
text-decoration : none;
display         : block;
float           : left;
width           : 90px;
margin          : 0;
padding         : 0;}

#menu a:hover {color           : #0099FF;

text-decoration: underline;}

/*
// Part : Content
*/

#content {background      : #FFF;
padding         : 10px 10px 0 10px;
border-top      : 1px dotted #CCC;
border-bottom   : 0 dotted #000;
border-right: 1px solid #000;
border-left: 1px solid #000;}


/*
// Part : Information
*/

#information {width           : 430px;
float           : left;
border-right    : 1px solid #CCC;
padding-bottom  : 30px;
height: 470px;}

#information #illustration {margin-bottom   : 10px;
border          : 0;}

#information h1 {font            : bold 14px Arial, Helvetica;
color           : #333333;
border-bottom   : 1px solid #999;
margin          : 0 10px 10px 0;
padding         : 0;
color: #666;}

#information h2 
{background      : url(../img/gui/bkg/bkg_li.png) no-repeat left center;
font-family    : "Trebuchet MS";
font-size       : 12px;
color           : #333333;
margin          : 0;
padding         : 0;
padding-left    : 8px;}

#information h3 {font            : 11px "Trebuchet MS";
color           : #333333;
margin          : 1px 0 1px 0;
padding         : 0 1px 0 0;
text-align      : justify}

#information h4 {font            : 12px "Trebuchet MS";
color           : #ff6d1e;
margin          : 1px 0 1px 0;
padding         : 0 1px 0 0;
text-align      : justify;
}

#information p {font            : 11px "Trebuchet MS";
color           : #333333;
margin          : 5px 0 10px 0;
padding         : 0 10px 0 0;
text-align      : justify}

#information a {color: #333333;
text-decoration: none;}

#information a:hover {color: #0099FF;
text-decoration: underline;}

#information img {float           : left;
margin          : 0 8px 0 0;
border          : 1px solid #666;}


/*
// Part : cdplong
*/

#cdplong {
	font-family: "trebuchet ms";
	font-size: 12px;
}

#cdplong p {font-size       : 11px;
color           : #666666;
margin          : 0;
padding         : 0;}

#cdplong a {color: #333333;
text-decoration: none;}

#cdplong a:hover {color: #0099FF;
text-decoration: underline;}

/*
// Part : livre
*/

#livre {
	font-family: "trebuchet ms";
	font-size: 14px;
}

#livre p {font-size       : 14px;
color           : #666666;
margin          : 0;
padding         : 0;}


/*
// Part : Modules
*/

#modules {
	width           : 160px;
	margin-left     : 435px;
	padding         : 8px;
	padding-top     : 0px;
	font            : 11px "Trebuchet MS";
	z-index			: 1;
}

 #modules .box_top {
height          : 7px;
background      : #FFFFFF url(../img/gui/box/bkg_box_top.png) no-repeat left top;
font-size       : 0;
}

#modules .box_middle {background      : #FFFFFF url(../img/gui/box/bkg_box_middle.png) repeat-y left top;
padding         : 10px;
padding-bottom  : 10px;
}

#modules .box_bottom {height          : 7px;
background      : #FFFFFF url(../img/gui/box/bkg_box_bottom.png) no-repeat left top;
margin-bottom   : 10px;}

#modules h1 {font            : bold 14px Arial, Helvetica;
border-bottom   : 1px solid #CCC;
color           : #333333;
margin          : 0;
margin-bottom   : 6px;
padding         : 0;}

#modules h2 {background      : url(../img/gui/bkg/bkg_li.png) no-repeat left center;
font-size       : 12px;
color           : #333333;
margin          : 0;
padding         : 0;
padding-left    : 8px;}

#modules h3 {
font-size       : 14px;
color           : #333333;
margin          : 0;
padding         : 0;
padding-left    : 8px;}

#modules h4 {
	font-size       : 14px;
	color           : #FF3300;
	margin          : 0;
	padding         : 0;
	padding-left    : 8px;
	text-decoration: underline;
}

#modules p {font-size       : 11px;
color           : #666666;
margin          : 0;
padding         : 0;}

#modules a {color: #333333;
text-decoration: none;}

#modules a:hover {color: #0099FF;
text-decoration: underline;}

#cdplong {
	font-family: "trebuchet ms";
	font-size: 12px;
}

/*
// Part : tableau
*/
#tableau {
	font            : 11px "Trebuchet MS";
	color: #333333;
	background-color: #FFFFFF;
}

#tableau p {
	font-size       : 11px;
	color           : #333333;
	margin          : 0;
	padding         : 0;
	vertical-align: middle;
}

#tableau a {color: #333333;
text-decoration: none;}

#tableau a:hover {color: #0099FF;
text-decoration: underline;}

#tableau input {width : 120px;}


/*
// Part : Footer
*/

#footer {background      : #FFF;
clear           : both;
font            : bold 10px Arial, Helvetica;
border-top      : 1px solid #CCC;
text-align      : center;
padding         : 4px;
color: #000000;
text-decoration: none;}

#footer p {margin : 0;
padding			  : 0;}

#footer a {color: #333333;
text-decoration: none;}

#footer a:hover {color: #0099FF;
text-decoration: underline;}

/*
// Part : erreur
*/

#erreur {background      : #FFF;
clear           : both;
font            : bold 15px Arial, Helvetica;
border-top      : 1px solid #CCC;
text-align      : center;
padding         : 4px;
color: #000000;
text-decoration: none;}

#erreur p {margin : 0;
padding			  : 0;}

#erreur a {color: #333333;
text-decoration: none;}

#erreur a:hover {color: #0099FF;
text-decoration: underline;}