/*====================================================
 BODY
=====================================================*/
body, html {
margin:0;
padding:0;
font-family:arial,verdana,sans-serif;
font-size:12px;
color:#000000;
}

body {
background:#FFFFFF;
}

#pagewidth {
background:white;
border:1px solid #FF6600;
}

h1, h2, h3, h4, h5, h6 {
font-family:arial;
font-weight:normal;
color:#000000;
}

p, pre, blockquote, label, ul, ol, dl, fieldset, address {
font-family:arial,verdana,sans-serif;
}

.floatleft {
float:left;
}

.floatright {
float:right;
}

/*====================================================
 HEADER
=====================================================*/
#header {
background:url(/Accueil/Files/ImageOffice.jpg/$file/ImageOffice.jpg) no-repeat top left;
}

#header img#logo {
margin:10px;
padding:0;
}

#header #pageinfo {
width:100%;
//margin:10px 0 0 0;
margin:0 auto;
padding:0;
//width:300px;
}

#header #pageinfo h1 {
margin:0 0 0 10px;
padding:0;
font-size:18px;
}

#header #pageinfo h2 {
margin:0 0 10px 10px;
padding:0;
font-size:16px;
}


#header #entete {
margin: 0 auto; 
text-align:right;
padding:10px;
}

#header #entete p{
text-align:justify;
//modif
width:50px;
float:right;
//fin modif
padding:10px;
}

#header #pageinfo p {
text-align:justify;
font-size:10px;
margin:0 0 10px 10px;
padding:10px;
}


#header #pageinfo table {
width:300px;
text-align:justify;
}

#header img#ad {
display:none;
}



div#header ul.readmore {
margin:0 0 0 0px;
text-align:right;
padding:0;
list-style:none;
}

div#header ul.readmore li {
text-transform:lowercase;
}

div#header ul.readmore li a {
margin:0;
//padding:0 12px 0 0;
//color:#21438b;
color:black;
text-align:right;
font-weight:bold;
text-decoration:none;
}

div#header ul.readmore li a:hover {
text-decoration:underline;
//color:#7e110b;
color:#0000000;
}



/*====================================================
 TABS
=====================================================*/
ul#tabs {
margin:0 0 0 150px;
padding:0;
list-style:none;
position:absolute;
top:252px;
height:46px;
}

ul#tabs li {
margin:0;
padding:10px 12px;
float:left;
}

ul#tabs li a {
//color:white;
color:black;
text-decoration:none;
font-weight:bold;
font-size:14px;
}



ul#tabs li a:hover {
//color:#efa136;
color:black;
text-decoration:underline;
}

ul#tabs li.highlight a {
//color:#efa136;
//color:black;
color:Gray;
text-decoration:underline;
}

/*====================================================
 BREADCRUMBS
=====================================================*/

/*====================================================
 CONTENT AREA
=====================================================*/
#main {
margin:0 0 1em 0;
background:white;
min-height:300px;
font-size:12px;
}

#main h1 {
margin:10px 20px 0 0;
padding:0;
font-size:20px;
}

#main h2 {
margin:1em 20px 0 0;
padding:0;
font-size:18px;
}

#main h2.subtitle {
margin-top:0;
color:#36373a;
}

#main h3 {
margin:1em 20px 0 0;
padding:0;
font-size:16px;
}

#main h4 {
margin:1em 20px 0 0;
padding:0;
font-size:14px;
}

#main h5, #main h6 {
margin:1em 20px 0 0;
padding:0;
font-size:12px;
}

#main a {
color:#21438b;
}

#main a:hover {
color:blue;
color:#7e110b;
}

#main p {
margin:0.5em 20px 0 0;
padding:0;
line-height:16px;
}

#main li {
margin:0.5em 20px 0 0;
padding:0;
list-style-type:square;
font-size:12px;
}

#main .floatright {
margin:0 20px 0.5em 0.5em;
padding:0;
}

#main img {
margin:5px 0 0 0;
padding:1px;
border:1px solid #c5c2b8;
}

#main img.floatright {
padding:1px;
border:1px solid #c5c2b8;
}

#main img.noborder {
border-width:0;
}

#main img.floatleft {
margin:0 1em 1em 0;
padding:0;
}

#main table {
margin:1em 20px 0 0;
padding:0;
}

#main td {
margin:0;
padding:5px 0;
}

#main input, #main select {
width:300px;
color:#36373a;
}

#main input.medium {
width:150px;
}

#main input.short {
width:50px;
}

#main input.radio {
color:red;
width:auto;
}

#main textarea {
font-family:arial,verdana,sans-serif;
font-size:12px;
width:300px;
}

#main input.button {
margin:1em 0 0 0;
padding:5px 10px 5px 5px;
background:white url(/Accueil/Files/bullet_arrow_3x5.gif/$file/bullet_arrow_3x5.gif) no-repeat 93% 50%;
color:#21438b;
cursor:pointer;
border:1px solid #36373A;
width:auto;
}

#main table.borderbottom td {
border-bottom:1px solid #efefef;
}

div#main input, div#main textarea {
margin:3px 0 10px 20px;
padding:0;
border:1px solid #2e63a6;
width:220px;
}

div#main textarea {
height:130px;
}

div#main label {
margin:0 0 0 20px;
padding:0;
}

.cartouche
{
   margin:0px 0px 0 0px;
   padding:0 0 5px 5px;
width:190px;
   text-indent:5px;
   background:yellow url(/Accueil/Files/nav_title.gif/$file/nav_title.gif) no-repeat top left;
   //border-bottom:1px solid orange;
}
/*====================================================
 COLUMN 1
=====================================================*/

#col1 a {
color:#21438b;
font-size:12px;
text-decoration:none;
}

#col1 a:hover {
color:#7e110b;
}


#col1 h3 {
margin:0 0 12px 0;
padding:8px 0 0 5px;
color:#fef4f3;
font-size:16px;
}

#col1 .block {
margin:10px 24px 0 11px;
padding:0 0 10px 0;
background:yellow url(/Accueil/Files/nav_title.gif/$file/nav_title.gif) no-repeat top left;
border-bottom:1px solid orange;
}

#col1 .block img {
margin:0 5px 0 5px;
padding:0;
float:left;
border:1px solid black;
}

#col1 .block h4 {
margin:0 0px 5px 0;
text-indent:0px;
padding:0 5px;
}

#col1 .block p {
margin:0;
padding:0 10px;
text-indent:0px;
font-size:11px;
}

#col1 div.block div.item {
margin:0;
padding:10px 0 0 0;
clear:left;
display:block;
}

/*====================================================
 COLUMN 2
=====================================================*/

#col2 a {
color:#21438b;
font-size:12px;
text-decoration:none;
}

#col2 a:hover {
color:#7e110b;
}


#col2 h3 {
margin:0 0 12px 0;
padding:8px 0 0 5px;
color:#fef4f3;
font-size:16px;
}

#col2 .block {
margin:10px 24px 0 11px;
padding:0 0 10px 0;
background:#dbd7be url(/Accueil/Files/nav_title_bg_blue_231x37.gif/$file/nav_title_bg_blue_231x37.gif) no-repeat top left;
border-bottom:1px solid #b6b39e;
}

#col2 .block img {
margin:0 5px 0 5px;
padding:0;
float:left;
border:1px solid black;
}

#col2 .block h4 {
margin:0 0 5px 0;
padding:0;
}

#col2 .block p {
margin:0;
padding:0;
font-size:11px;
}

#col2 div.block div.item {
margin:0;
padding:10px 0 0 0;
clear:left;
display:block;
}

/*====================================================
 FOOTER
=====================================================*/
#footer {
margin:0;
font-size:10px;
padding:5px 0 10px 0;
text-align:center;
color:black;
background:#FFFF00;
}
/*
#footer a {
color:black;
font-weight:bold;
}
*/
#footer #footerleft {
margin:0;
padding:0;
float:left;
width:800px;
color:black;
font-weight:bold;
}

#footer #footerleft p {
margin:0 0 3px 0;
padding:0;
}

#footer ul {
margin:0;
padding:0;
list-style:none;
float:right;
width:527px;
}

#footer ul li {
margin:5px 0 0 0;
padding:0;
float:left;
}

/*#footer li a {
margin:0;
padding:0 20px;
}*/

#footer a.struturo
{
   margin:0;
  padding:0px 0 10px 19px ;
   background:yellow url(/Accueil/Files/struturologo_17x20.gif/$file/struturologo_17x20.gif) no-repeat 0 0px ;
  text-decoration:none;
  font-weight:bold;
  color:black;
}
#footer p.left, #footer p.right {margin-top:0;padding-top:0;background:none;width:100%;}
/*====================================================
 HACKS, ETC.
=====================================================*/

/*====================================================
 LAYOUT
=====================================================*/
body {text-align:center;}
#pagewidth {margin:0 auto 1em auto;padding:0;width:758px;text-align:left;}
#header {height:294px;}

/* 1 LEFT COL */
//body.NavLeft #main {width:527px;float:right;}
//body.NavLeft #col1 {width:231px;float:left;}
body.NavLeft #main {margin:0;padding:0;width:480px;float:right;}
body.NavLeft #col1 {margin:0;padding:0;width:231px;float:left;}

/* 1 RIGHT COL */
//body.NavRight #main {width:517px;float:left;padding-left:10px;}
//body.NavRight #col2 {width:231px;float:right;}
body.NavRight #main {width:50px;float:left;padding-left:10px;}
body.NavRight #col2 {width:150px;float:right;}

/* 2 COLUMN LAYOUT */
body.NavBoth #twocols {margin:0;padding:0;width:548px;float:right;}
body.NavBoth #main {width:318px;float:left;}
body.NavBoth #col1 {width:210px;float:left;}
body.NavBoth #col2 {margin:0;padding:0;width:210px;float:right;}

//body.NavBoth #twocols {margin:0;padding:0;width:50px;float:right;}
//body.NavBoth #main {width:50px;float:left;}
//body.NavBoth #col1 {width:50px;float:left;}
//body.NavBoth #col2 {margin:0;padding:0;width:50px;float:right;}

/* NO COLUMNS */
body.NavNeither #main {width:748px;padding-left:10px;}

#footer {height:50px;clear:both;}

/*====================================================
 PRINT
=====================================================*/