/* Global */



body {

margin:0;

background :url(../images/global/body_bg.jpg) repeat-x;

font: 0.9em/1 arial, Helvetica, sans-serif;

height: 100%;

}



.b {

font-weight:bold;

}



a img {

  border:  none ; 

}



.center {

text-align:center;

}





/* design */



#wrapper {

margin:auto;

width:880px;

background : url(../images/global/page_bg.jpg) repeat-y;

}



#page {

width:860px;

margin:0 10px;

background : url(../images/global/page_footer.jpg) no-repeat bottom;

float:left;

padding-bottom:90px;

}



#left_col {

width:205px;

margin-right:10px;

float:left;

}



#right_col {

float:left;

width:645px;

}





#logo {

width:100%;

text-align:center;

height:150px;

margin-top:10px;

}





#footer {

height:20px;

text-align:center;

width:98%;

color:#c0d5f0;

font-size:0.8em;

padding-top:10px;

clear:left;

margin:auto;

background:#fff;

}



#footer img {

vertical-align:bottom;

}



#footer a, #footer span {

color:#5f80ac;

text-decoration:none;

}



#footer a:hover {

text-decoration:underline;

}

/* Left Col */

#left_box_1, #left_box_2 {

width:184px;

margin:15px;

}



.left_box_top {

text-transform:uppercase;

background : url(../images/global/leftbox_top.jpg) no-repeat;

height:19px;

padding:7px 0 0 7px;

font-weight:bold;

color:#1a498a;

}



.left_box_content {

border-left:1px solid #d2d4d9;

border-right:1px solid #d2d4d9;

background:#f5f5f5 url(../images/global/bg_lbox.png) no-repeat bottom;

padding:7px;

color:#6a6c78;

font: 0.7em/1 Verdana, Helvetica, sans-serif;

}



.left_box_content  img{

margin:5px;

}



.left_box_btm {

background : url(../images/global/leftbox_btm.png) no-repeat;

height:13px;

}



.read_more_btn  {

width:100%;

text-align:right;

font-weight: bold;

font-family:arial;

margin-top:15px;

}



.read_more_btn  span {

background : url(../images/icons/read_more.png) no-repeat right;

padding-right:35px;
margin-top:10px;

text-align:right;

font-size: 1.2em;

}



.read_more_btn span a {

color:#57b8e9;

text-decoration:none;

}



.read_more_btn span a:hover{

text-decoration:underline;

}





/* Right Col */

#header_page {

width:100%;

background : url(../images/global/header_page.jpg) no-repeat top right;

height:200px;

}



#header_page_baseline h1 {

color:#1b4a87;

font: bold 1.05em/3 Tahoma,Verdana,sans-serif;

margin:0;

}



#head_page_menu {

width:100%;

height:40px;

font-size:0.8em;

text-transform:uppercase;

font-weight:bold;

}



#titre_page h2 {

color:#1b4a87;

font-weight:bold;

text-transform:uppercase;

font: bold 1.4em/2 Arial,Verdana,sans-serif;

margin-top:25px;

}



#inner_html {

width:100%;

}



#inner_html p {

color:#1b4a89;

text-align: justify;

font: 0.9em/1 Arial,Verdana,sans-serif;

padding-right: 20px;

}

#inner_html p a {

color:#1B4A87;

}



.subtitle {

color:#54b6e9;

font: bold italic 1em/1 Arial, Verdana,sans-serif;

background : url(../images/icons/bullet.gif) no-repeat;

padding-left:20px;

}



.subtitle_arrow  a {

color:#54b6e9;

font: bold italic 1em/1 Arial, Verdana,sans-serif;

background : url(../images/icons/read_more.png) no-repeat;

padding-left:35px;

text-decoration:none;

}



.subtitle_arrow  a:hover {

text-decoration:underline;

}





#inner_html .img_center {

text-align:center;

margin:20px;

}



/* tableau simple */

#table {

border:none;

margin:10px 0;

width:100%;

}



#table th {

color:#1b4a89;

font-weight:bold;

font-size:0.9em;

width:33%;

text-align:left;

}



#table td {

color:#1b4a89;

font-size:0.9em;

}



/* Tableau mis en page */



#spe th {

text-transform:uppercase;

font-weight:bold;

color:#fff;

padding:5px;

height:30px;

background:#6abee9;

}



#spe th.col1{

width:30%;

padding-left:5px;

}

#spe td.col1{

color:#000;

text-align:right;

padding-right:5px;

}



#spe tr.row1{

color:#6bbfeb;

font-weight:bold;

text-transform:uppercase;

font-size:0.8em;

}



#spe tr.row2 {

background:#f0f0f0;

color:#7e7d7d;

font-size:0.8em;

line-height:1.2em;

}



.arrow {

color:#1b4a89;

font-weight:bold;

font-size:0.9em;

background : url(../images/icons/arrow.gif) no-repeat;

padding-left:20px;

}



#logo_ref {

float:left;

width:125px;

height:125px;

margin:0 15px 15px 0;

text-align:center;

}
