/* culture shock: purgatory shuffle by pogy366 - Sept. 2005 */

/******* structure and layout *******/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt; 
color: #eeeeee; 
/**/
scrollbar-DarkShadow-Color:#4c1110;
/**/ 
scrollbar-3dLight-Color:#4c1110;
/**/ 
scrollbar-Arrow-Color:#4c1110;
/**/ 
scrollbar-Base-Color:#4c1110;
/**/ 
scrollbar-Face-Color:#deda9b;
/**/ 
scrollbar-Highlight-Color:#deda9b;
/**/
scrollbar-Shadow-Color:#4c1110;
/**/
scrollbar-Track-Color:"#deda9b";
padding:0 0 0 0;
background: #373243 url(images/header.jpg) top center no-repeat;
text-align:center;
width: 778px;
margin: auto;
margin-botom:100px;
}

#menu_gauche{
font-weight:bold;
text-align:left;
margin-left:20px;
line-height:20px;
}

#arc{
text-align:center;
margin-bottom:25px;
}
#arc img{
text-align:center;
margin-bottom:5px;
}

#bloc_images{

width:350px;
margin-left:auto;
margin-right:auto;

}

#txtlivres{
width:350px;
text-align:center;
}

#textgauche{
text-align:left;
margin-top:20px;
}

#droite{
text-align:center;
}

#droite img{
margin-top:10px;
}

#marge{
margin-left:20px;
margin-bottom:40px;
}

#pfab{
width:550px;
text-align:center;
margin-top:20px;
margin-bottom:20px;
height:170px;
}

#pfableft{
width:520px;
text-align:left;
margin-left:30px;
margin-top:20px;
margin-bottom:10px;
height:171px;
}

#bloc_image_gauche{
width:170px;
height:125px;
float:left;
}

#bloc_image_droite{
width:170px;
height:125px;
float:right;
}

#nouveau{

margin-left:20px;
margin-right:10px;
}

#nouveau_gauche{
height:493px;
width:98px;
float:left;
margin-top:10px;
background-image:url(images_arcs/11.jpg);
}

#nouveau_droite{
width:400px;
float:left;
margin-top:10px;
float:right;
text-align:center;
}




h1  {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
color:#CCCC99;
letter-spacing:.2em;
text-transform:uppercase;
margin-left:20px;
margin-bottom:20px;
}

.capitalize {
text-transform: uppercase;
font-family:Georgia, "Times New Roman", Times, serif; 
margin-right:1px;
font-weight:bold;
color:#CCCC99;
font-size:10px;
letter-spacing:.15em;
margin-bottom:20px;
}


.header {
width:100%;
text-align:left;
font-size:8.62pt;
border:1px solid #67738D;
margin-top:165px;
letter-spacing:.2em;
background:#454E61;
}



.news {
float:right;
width:220px;
letter-spacing:normal;
background:#454E61;
text-align:center;
color:#CBD5EA;
}

p{
margin:10px;
}

#index_pg1{
margin-top:20px;
font-weight:bold;
color:#cccc99;
width:160px;
padding-left:40px;
background-image:url(images/PUCE.jpg);
background-repeat:no-repeat;
height:17px;
padding-top:3px;
text-align:left;
float:right;
}

#pg1{
margin-top:20px;
font-weight:bold;
color:#cccc99;
width:190px;
padding-left:20px;
background-image:url(images/PUCE.jpg);
background-repeat:no-repeat;
height:17px;
padding-top:3px;
text-align:left;
float:right;
}

#index_img{
height:280px;
width:240px;
float:left;
margin-left:10px;
background-image:url(images/accueil.jpg);
margin-bottom:5px;
margin-top:15px;
}

#index_news{
margin-right:5px;
height:280px;
width:260px;
overflow-y:auto;
overflow-x:hidden;
float:right;
margin-top:15px;
}



#index_pg2{
text-align:center;
width:190px;
padding-top:3px;
font-size:10px;
float:right;
margin-bottom:10px;
margin-right:10px;
}

#copyright{
margin-top:20px;
font-size:10px;

}



.left_content {

margin:0px 0px 0px 0px;
padding:10px 0px 3px 0;
width:540px;
background:#161B13;
text-align:left;
color:#eeeeee;
font-size:8.6pt;
line-height:1.2em;
letter-spacing:.1em;
float:left;
border:1px solid #67738D;
border-left:none;
border-bottom:none;
}

.arcs {

margin:1px 0px 1px 0px;
padding:10px 0px 0px 0;
width:752px;
background:#161B13;
text-align:left;
color:#eeeeee;
font-size:9pt;
line-height:1.3em;
float:center;
border-right:none;

}


/******* top navigation *******/
#nav ul{
padding:9px 0px 9px 0px;
margin:0 0 0 0;
white-space: nowrap;
color:#ffffff;
float:center;
width:100%;
background:transparent;
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align:center;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
padding: .1em .5em .1em .5em;
background-color: #454E61;
color: #CED6E2;
text-decoration:none;
float:center;
border:1px solid #454E61;
}

#nav ul li a:hover{
background-color: #555E72;
color: #cccc99;
border:1px solid #67738D;
text-align:center;
}

#nav ul li#active  a{
background-color: #555E72;
color: #cccc99;
border:1px solid #67738D;
text-align:center;
}

#center{

}


#nav a.nav, #nav a.nav:hover {
background-color: #67738D;
color: #000000;
text-decoration:none;

}



/******* fonts and colors *******/

a {
color:#CCD8F2;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

a:visited {
color:#999999;
text-decoration:underline;
}

#news a {
color:#eeeeee;
text-decoration:underline;
}

#news a:hover {
color:#cccccc;
text-decoration:none;
}




#pagetitle {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28pt;
color:#CCCC99;

}

.pagedescription {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#ffffff;
letter-spacing:.2em;
}

.right_title {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#CCCC99;
letter-spacing:.2em;
text-transform:uppercase;
}

.left_title  {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
color:#CCCC99;
letter-spacing:.2em;
text-transform:uppercase;
display:block;
margin-bottom:10px;
}

.liens{
font-weight:bold;
}

#livre{
width:530px;
height:160px;
margin-left:5px;
border-bottom:1px #aca899 solid;
margin-bottom:10px;
}

#livregauche{
width:150px;
text-align:center;
float:left;
}

#livredroite{
float:right;
width:370px;
}

#centrer{
text-align:center;
width:540px;
margin-bottom:10px;
}


.titrelivre{
margin-top:30px;
font-weight:bold;
color:#cccc99;
display:block;
margin-bottom:5px;
}

.livreita{
font-style:italic;
}


/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 

visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:9pt; font-weight:bold; color:#CCCC99; letter-spacing:.2em; text-transform:uppercase;  margin-bottom:20px; margin-left:5px;}

.italic{
font-style:italic;
}

#new{
width:230px;
margin-left:5px;
margin-bottom:10px;
}