body {  
background-color: #F0F8FF;
  color: #000;
  font-family: Arial;
  font-size: 14px;
  margin: 0; }
P {		color:#000000;
		margin-left: 30px;
 		margin-right: 50px;
 		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:12pt;
		line-height: 1.5;
 		text-align: left;
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }

UL {	color:#000000;
		margin-left: 20px;
 		margin-right: 10px;
 		font-family:Arial,Helvetica,sans-serif;
		font-size:12pt;
		line-height: 1.5;
 		text-align: left;
}

a {
  color: #000088;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a.mode,
footer a {
  color: #0000ff; }

header {
  margin: 20px 0 0 0; }
/*
#header_wrapper {
    margin: 0px 0 0 0;
border: 1px solid #080; 
 }
*/
#header_inner {
  background-color: #edd;
  border: 1px solid #800; }

#left_column_inner {
  background-color: #F0F8FF;
  }

#right_column_inner {
  background-color: #F0F8FF;
  }

.link_box_inner {
  background-color: #336699;
  border: 1px solid #088; 
text-align: center;
padding: 10px 0px;
margin-top:0px;
 margin-right:0px;
 margin-bottom:0px;
 margin-left:0;
}
.image_box {
 background-color: #F0F8FF;
text-align: center;
}
.margin{
    color:#000000;
		margin-left: 20px;
 		margin-right: 20px;
 		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:12pt;
		line-height: 1.5;
 		text-align: left;
}
.greenCenter18{
		color: #5F9EA0;
		font-size: 18pt;
		font-family:Times,serif;
		text-align: center;
}
.crimsonLeft{
		color:#DC143C;
		font-size: 16pt;
		font-family: Arial, sans-serif; 
		margin-left: 0pt;
		text-align: left;		
}
.blackCenter{
		color: #000000;
		font-size:12pt;
		font-family: Arial,Helvetica,sans-serif; 
		text-align: center;
}
footer {
  clear: both;
  margin: 0 0 20px 0; }


/*  
.adaptive #page_wrapper {
  margin: 0 20px; }
*/


header h1 {
  display: none; }
.adaptive header h1#header_adaptive {
  display: block; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 20px 0; }

/*
.block {
  clear: both;
  margin: 20px 0;
  zoom: 1; }
  .block:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden; }
  .block h3 {
    margin: 0; }
  .block p {
    margin: 0 0 20px 0; }
  .block p.meta {
    color: #888;
    font-size: 80%;
    margin: 0; }
*/
.adaptive header{
  margin: 20px 0 0 0;
  padding: 0;
  position: relative; }

.adaptive article,
.adaptive aside,
.adaptive footer{
  margin: 50px 0;
  padding: 0; }

  @media all and (max-width: 320px) {  
   UL {	color:#000000;;
		margin-left: 10px;
       margin-right: 10px;
  } }

/*
  @media all and (min-width: 769px) {
.adaptive article,
.adaptive aside,
.adaptive footer{
  margin: 50px 0;
  padding: 0; }
 
  }
*/
#footer_inner {
  background-color: #e0eaef;
  border: 1px solid #008; }

#header_inner,
#footer_inner {
  padding: 1px 20px; }

#right_column_inner{
  padding: 1px 0px;  
}


@media all and (min-width: 769px) and (max-width: 959px) {

  .adaptive article {
    clear: none;
    float: left;
    width: 100%; }  
    .adaptive article #left_column_inner {
      margin: 0 0 0 0px;    
    }

  .adaptive aside {
    clear: both;
    float: none;
    width: 100%; }

}

@media all and (min-width: 736px) {

  .adaptive article {
    clear: none;
    float: left;
    width: 48.0%; }
  .adaptive aside {
    clear: none;
    float: right;
    width: 48.0%; 

  }
}

@media all and (min-width: 320px) {
.adaptive #page_wrapper {
  margin: 0 auto; }
 /* ci-dessous largeur specifique a chaque media , 479, 768, 960*/
  @media all and (max-width: 375px) {  
    .adaptive #page_wrapper {
      width: 320px; } }
  @media all and (min-width: 376px) and (max-width: 735px) {
    /* line 12, sass/_adaptive.scss */
    .adaptive #page_wrapper {
      width: 376px; } }
 @media all and (min-width: 736px) and (max-width: 959px){
    /* line 30, sass/_adaptive.scss */
    .adaptive #page_wrapper {
      width: 640px; } }
  @media all and (min-width: 960px)  {  
    .adaptive #page_wrapper {
      width: 760px; } }