/* Feuille de style */

* { font-family : Verdana; font-size : 10pt; }

.centre { text-align : center;}
.droite { text-align : right;}
.gauche { text-align : left;}
.haut { vertical-align : top;}
.bas { vertical-align : bottom;}
.milieu { vertical-align : middle;}

.gras { font-weight : bold; }
.italique { font-style : italic; }
.souligne { text-decoration : underline; }

a:visited,a:active,a {
text-decoration : none;
color : red;
}

#container { width : 100%; }
#site_container { width : 900px; }
#footer { text-align : center; }
#header { text-align : center; }
#site_content { width : 100%; }

.centprct {
width : 100%;
}

img { border : none; }

/* ------------------------------------ */


body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #666666;
	background: #FFFFFF url('v2images/design/background-header.jpg') repeat-x top;
}

div#site {
    text-align:left;
    width: 1000px;
	margin: auto;
}

/* ------------------------------------ */

div#header {
    background: url('v2images/design/header.jpg') no-repeat 0 0;
    height: 171px;
    margin: 0;
    padding: 0;
}

div#sous-header {
    height: 34px;
    margin: 0;
    padding: 0;
}

div#mh {
	margin-left: 70px;
	white-space : nowrap;
	line-height : 11px;
	text-align : center;
}

div#mh a, div#mh a:link {
	float: left;
	padding-right: 15px;
	padding-top:10px;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;	
}
div#mh a:hover { 
	color: #01bdfe; 
/*	font-size: 10px; */
	font-family: Verdana; 
/*	font-weight: bold; */ 
	text-decoration: none; 
	padding-top: 10px; 
	padding-right: 15px;
	float: left; 
}
/* ------------------------------------ */

div#corp {
	background: url('v2images/design/corp.jpg') repeat-y;
}


div#left {
	float: left;
	width: 310px;
	margin: 0px;
	padding: 0px;
	background: url('v2images/design/left-background.jpg') repeat-y;
}

div#contenu-left {
	background: url('v2images/design/left-top.jpg') no-repeat;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 63px;
	padding-right: 25px;
}

div#title, div#subtitle {
	background: url('v2images/design/title.jpg') no-repeat;
	height: 26px;
	width: 216px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
    font-family: "Times New Roman", Times, Verdana;
    font-size: 13px;
	color: #000000;	
	font-weight : bold;
	font-style: italic;
}

div#contenu-menu {
	text-align : justify;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-bottom: 18px;
}

div#menu {
	margin-left: 10px;
	padding-left: 4px;
	padding-top: 1px;
	background: url('v2images/design/li.jpg') repeat-y;
	line-height : 25px;
}

div#menu a {
    color : #666666;
    font-weight : bold;
	font-size: 11px;
	/*height: 10px;*/
}

div#menu a.menulink_inactive {
    color : #BF3350;
    font-weight : bold;
	font-size: 11px;
	/*height: 10px;*/
}

div#right {
    width:682px;
	float:left;
}

div#arbo {
    padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

div#contenu-right {
	background: url(v2images/design/right-top.jpg) no-repeat;
    padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 10px;
}

div#pagecontent {
text-align : justify;
}
/* ------------------------------------ */

#footer {
    height:33px;
	width:100%;
	margin:0 auto;
	padding:0;
	background: url(v2images/design/background-footer.jpg) repeat-x bottom;
	background-color: #0196fc;
	text-align:center;
	clear: both;
	margin-top:-42px;
}

#footer p {
    padding-top: 12px;
    font-size: 10px;
	color: #FFFFFF
}

#footer a {
    color : #FFFFFF;
    font-family:verdana;
    text-decoration:none;
}

#footer a:hover , a:active , a:focus {
    color : #FFFFFF;
    font-weight : bold;
    text-decoration:none;
}


/* ------------------------------------ */

html, body { 
    margin: 0;
	padding: 0;
}

span.spacer {
	height:0.01em;
	overflow:hidden;
	display:block;
	width:100%;
	clear:both;
}

img { border: 0; }
li { list-style: none; }

a {
    color : #666666;
    font-family:verdana;
    text-decoration:none;
}

a:hover , a:active , a:focus {
    color : #01bdfe;
    /*font-weight : bold;*/
    text-decoration:none;
}

a.menulink:hover, a.menulink:active , a.menulink:focus {
	color : #01bdfe;
	font-weight : normal;
}

a.menulink_inactive:hover, a.menulink_inactive:active , a.menulink_inactive:focus {
	color : #BF3350;
	font-weight : normal;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #ff5a00;
	margin-bottom: 15px;
}

#actions {
position : absolute;
top : 0px;
right : 0px;
width : 500px;
background-color : #FFFFCC;
color : black;
text-align : left;
padding : 5px;
border : 1px solid black;
z-index : 100;
}

.pointeur {
cursor : pointer;
}

.champs_obligatoires {
font-size : 8pt;
text-align : left;
}

.config_groupe {
font-size : 12pt;
font-weight : bold;
border : 1px solid #013583;
text-align : left;
color : white;
background-color : #0093FA;
}

.config_cle {
background-color : #BAE2FC;
color : black;
}

.image_contenu {
float : right;
padding-left : 10px;
padding-bottom : 10px;
}

.bookitem_cell {
text-align : center;
vertical-align : bottom;
}

.bookitem_main_image {
/*float : left;*/
padding-right : 5px;
}

.bookitem_main_content {
float : right;
vertical-align : top;
padding-right : 5px;
}

.bookitem_sub_image {
padding : 2px;
}

#footer_referencement {
font-size : 8pt;
padding-top : 7px;
padding-bottom : 7px;
}

a.innerpagelink, a:visited.innerpagelink {
/*text-decoration : underline;*/
font-style : italic;
}

#motscles { margin-top : 10px; padding-top : 10px; font-style : italic; border-top : 1px dashed #0066C8; }

#nav { margin: 5px 0; color : white; }
#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #0067CC; text-decoration: none; color : white; }
#nav a.activeSlide { background: #1E9EF9 }
#nav a:focus { outline: none; }

#book_images {
position : absolute;
float : left;
margin-top : 10px;
}