/*margin: top right bottom left*/
html, body {margin: 0; padding: 0; border: 0;}

body {
color: #2F1900; 
background: #FFFFFF;

font-family: arial, sans-serif; 
font-size: 80%; 
text-align: center;
margin: 8px 0;
}

p  {margin: 6px 0; padding: 0 6px;}

h1 {
color: #EF0015;
text-transform   : uppercase;
letter-spacing   : 1px;
font-size: 1em;
font-weight : bold;
text-align: center;
height : 18px;
margin: 4px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width : 100%;
background: url(../images/h1_center.jpg) repeat-x;
}
h3 {
color: #5F4F2F;
text-transform   : uppercase;
letter-spacing   : 1px;
font-size: 1em;
font-weight : bold;
text-align: center;
height : 18px;
margin: 4px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width : 100%;
background: url(../images/h1_center.jpg) repeat-x;
}
h5 {
color: #FFFFFF;
text-transform   : uppercase;
letter-spacing   : 1px;
font-size: 0.8em; 
text-align: center;
height : 18px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;
width : 160px;
background: url(../images/h5_menu.jpg) repeat-x;
}


.clear { clear: both; }

a {text-decoration: none; font-weight: bold; color: #000;}

.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}

.wide {
background: url(../images/center2.jpg) repeat-x;    /* header and footer colours */
width: 100%; 
font-size: 0.7em;
font-weight: normal;
}
.wide_pub {
	float:right;
	width:468px;
	height:60px;
	border: 2px solid #1042CE;
	margin: -105px 50px 0px 0px;
}
.wide_pub_bot {
	width:468px;
	height:60px;
	border: 2px solid #FFB401;
}

/*margin TOP RIGHT */

.wide p {margin: 0; padding: 5px; position: relative;}

.top {
height: 129px;
background: url(../images/center.jpg) repeat-x;
}
.mid {
width: 837px;
height: 15px;
background: #ECEAD8;
border-bottom: 1px solid #BFBCA7;
margin : 5px 12px 2px 11px;
padding : 5px 5px 0px 5px;

}


.top a {position: absolute; right: 20px; text-align: right; font-weight: bold; font-size: .7em; color: #fff;}

.bottom {position: relative; height: 90px; color:#FFFFFF;text-align: center;font-size: 0.90em;}

.bottom a:link, .bottom a:visited {
  font-size        : 1.1em;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.bottom a:hover {
  color            : #333333;
}

.testfloat {width: 50px; border: 2px solid #f90; background: #ffd; font-size: .7em;}

.to-right {float: right;}

.to-left {float: left;}

.ap-test {
position: absolute; 
top: -102px; 
font-size: .6em; 
width: 160px; 
height: 100px; 
border-top: 1px solid #000; 
background: #5b5; 
color: yellow;
}

/* \*/
* html .ap-test {
top: -101px; 
t\op: -102px; 
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}

.wrapper {
margin: 0 auto;
width: 870px;
text-align: left;
background: url(../images/pr-background.gif) repeat-y;
border: 0px solid #000;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 872px;
wid\th: 870px;
}

.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 172px;    /*** Critical left col dimension value ***/
width: 524px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
/*background: #fff url(../images/brownswirl.gif); */ /*** Sets background of center col***/
border-left: 0px solid #000;   /*** Critical left divider dimension value ***/
border-right: 0px solid #000;   /*** Critical right divider dimension value ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 526px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 524px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
float: left;
width: 524px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

* html .float-wrap {
width: 527px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/

}

.center {
float: right;
width: 513px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
padding-left: 6px;
padding-right: 5px;
}
* html .center {
padding-right: 8px;
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 167px;    /*** Critical left col/divider dimension value ***/
margin-left: -166px;    /*** Critical left col/divider dimension value ***/
}

* html .left {
float:left;	
}

*>html .left {width:166px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 160px;    /*** Critical left col dimension value ***/
padding-bottom: 0px;   /*** To keep content from going underneath the AP bottom boxes ***/
padding-left :0px;
margin-left : 5px;
background: #F1F1F1;
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 167px;    /*** Critical right col/divider dimension value ***/
margin-right: -165px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -550px;
mar\gin-right: -167px;
}


.container-right { 
/* \*/width: 160px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 4px;    /*** Critical right divider dimension value ***/
padding-bottom: 0px;   /*** To keep content from going underneath the AP bottom boxes ***/
background: #F1F1F1;
}

/* \*/
* html .container-right {
float: left;
margin-left: 4px; 
mar\gin-left: 0px;
}
/*** Static fixes ***/

/** html h2 {height: 1%;}*/
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
background: #ccd;
border: 1px solid red;
}

* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
}

/* START MENU LEFT and RIGHT STYLE */

a.mainlevel: link {}
a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 12px;
  border-top       : 1px solid #ffffff;
  border-bottom    : 1px solid #999999;
  background-color : #EDEDED;
  font-weight      : normal;
  font-size        : 12px;
  padding          : 2px 0px 2px 0px;
  color            : #333333;
  width            : 160px;
  text-indent      : 10px;
}
a.mainlevel:hover {
  background-color : #E3E3E3;
  font-weight      : normal;
  font-size        : 12px;
}

a.mainlink: link {}
a.mainlink:link, a.mainlink:visited {
  font-size        : 12px;
  border-left      : 2px solid #999999;
  border-right      : 2px solid #999999;
  background-color : #EDEDED;
  font-weight      : bolt;
  font-size        : 12px;
  padding          : 2px 8px 2px 10px;
  color            : #6F6F6F;
  width            : 160px;
  text-indent      : 10px;
}
a.mainlink:hover {
  color            : #1F1F1F;
  border-left    : 2px solid #5F5F5F;
  border-right      : 2px solid #5F5F5F;
  background-color :  #FFB600;
  font-weight      : bolt;
  font-size        : 12px;
}
/*-----------------------------------*/
/* CENTER LAYOUT */
.top_center
{
background: #ECEAD8;
margin-top: 0px;
margin-bottom : 6px;
padding: 4px;
border-bottom    : 1px solid #999999;
}

.middle_center
{
background: #F2F1E6;
/*background: url(../images/bg_noogle.gif) repeat;*/
margin-top: 0px;
margin-bottom : 6px;
padding: 4px;
}

/* LINK */
a:link, a:visited {
  font-size        : 11px;
  color            : #FF6600;
  text-decoration  : none;
  font-weight      : bold;
}
a:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}

a.ad:link, a.ad:visited {
  font-size        : 11px;
  color            : green;
  text-decoration  : none;
  font-weight      : normal;
}
a.ad:hover {
  font-size        : 11px;
  color            : green;
  text-decoration  : underline;
  font-weight      : normal;
}

a.category:link, a.category:visited {
color            : #3FCDFF;
  font-size        : 11px;
  font-weight      : bold;
}
a.categoryvirt:link, a.categoryvirt:visited {
   font-family      :Arial, Helvetica;
  font-size        : 9px;
  color            : #BC3D21;
  text-decoration  : none;
  font-weight      : normal;
}
a.categoryvirt:hover {
  font-family      :Arial, Helvetica;
  font-size        : 9px;
  color            : #3F2200;
  text-decoration  : bold;
  font-weight      : normal;
}

a.scat:link, a.scat:visited {
   font-family      :Arial, Helvetica;
  font-size        : 10px;
  color            : #2F2300;
  text-decoration  : none;
  font-weight      : normal;
}
a.scat:hover {
  font-family      :Arial, Helvetica;
  font-size        : 10px;
  color            : black;
  text-decoration  : none;
  font-weight      : normal;
}

a.readon:link, a.readon:visited {
  color            : #FF6600;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/read.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #999999;
  padding          : 1px 2px 3px 21px;
  float            : left;
  line-height      : 10px;
  text-decoration  : none; 
}
a.readon:hover {
  color            : #333333;
}
ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li {
  
  line-height      : 15px;
  padding-left     : 15px;
  padding-top      : 0px;
  background-image : url(../images/bullet.png) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
/*------------------------------------------------------------------------------------------ site in annu */
.content_site_annu_new {
  width:490px;
  height:200px;
  background-color: #FFF2E5;
  border-right: 1px solid #AD9C8A;
  border-bottom: 1px solid #AD9C8A;
  border-left: 1px solid #AD9C8A;
  border-top: 1px solid #AD9C8A;
padding : 5px 5px 5px 5px;
 /*margin: 2px 10px 2px 2x;*/
}

.content_site_annu_reponse_new {
  width:490px;
  background-color: #FFF2E5;
  border-right: 1px solid #AD9C8A;
  border-bottom: 1px solid #AD9C8A;
  border-left: 1px solid #AD9C8A;
  border-top: 1px solid #AD9C8A;
padding : 5px 5px 5px 5px;
 /*margin: 2px 10px 2px 2x;*/
}

.screen_shot{ 
background-repeat: no-repeat; 
width: 490px; 
height: 103px; 
padding: 0; 
margin-top:5px;
 margin-left: auto;
  margin-right: auto;
}

.content_site_annu_new h2{
   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
width: 480px;
 text-align : left;
  color: #FCBC7B;
  margin: 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  letter-spacing:2px;
font-size:23px; 
}
.content_site_annu_reponse_new h4{	/*question display*/
   font-family      : Verdana, Arial, Helvetica, sans-serif;
 text-align : left;
  color:#BCA793;
  margin: 0px 0px -5px 0px;
  padding : 0px 0px 0px 0px;
  font-weight: lighter;
font-size:12px; 
}

.site_question{
   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
 text-align : left;
  color: #DBCBBC;
  margin: 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  font-weight: lighter;
font-size:10px; 
}

.gui_l{
  font-family      : Arial, Helvetica, sans-serif;
  color: #FEA501;
  margin: 8px 0px -0px -0px;
  padding : -0px 0px 0px 0px;
  font-weight: lighter;
  font-size:38px;
line-height:0px;
float:left;
}
.gui_r{
  font-family      : Arial, Helvetica, sans-serif;
  color: #FEA501;
  margin: 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  font-weight: lighter;
  font-size:38px;
line-height:0px
}


.content_site_annu {
  width:500px;
  height:150px;
  background-color: #ffecd9;
  border-right: 1px solid #244443;
  border-bottom: 1px solid #244443;
  border-left: 0px solid #244443;
  border-top: 0px solid #244443;
 /*margin: 2px 10px 2px 2x;*/
}
.content_pub_annu {
  width:500px;
  height:100%;
  background-color: #FFECD9;
  border-right: 1px solid #244443;
  border-bottom: 1px solid #244443;
  border-left: 0px solid #244443;
  border-top: 0px solid #244443;
 /*margin: 2px 10px 2px 2x;*/
}

a.detail_p:link, a.detail:visited {
  color            : #000000;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration  : none;
  font-weight      : 100;

}
a.detail_p:hover {
  color            : #5F5F5F;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration  : none;
  font-weight      : 100;
}

/*margin: top right bottom left*/
.content_site_annu BR { clear: left }
.content_site_annu img {
     padding: 4px;
    /* background: #EFE0D1;*/
     border : 0px solid #AFA9A4;
float:left;
}
.content_site_annu h1 {
/*background: url(../images/modul2.jpg) repeat;*/
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
 text-align : left;
  color: #E72332;
  margin: 0px 0px 0px 0px;
  padding : 5px 2px 2px 5px;
  font-weight: lighter;
  letter-spacing:2px;
font-size:12px; 
}
a.annu:link, a.annu:visited {
  color            : #0040EF;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/read.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #ffecd9;
  padding          : 1px 2px 3px 21px;
  line-height      : 8px;
  float            : left;
  text-decoration  : none; 
}
a.annu:hover {
  color            : #333333;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/read.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #999999;
  padding          : 1px 2px 3px 21px;
  float            : left;
  line-height      : 8px;
  text-decoration  : none; 
}

a.ps_link:link, a.ps_link:visited {
color:#FF006A;
font-size:14px;
background       : url(../images/read.gif);
padding          : 0px 0px 0px 21px;
  font-weight      : bold;
}

a.ps_link:hover {
color:#FF6FAB;
}

a.detail:link, a.detail:visited {
  color            : #015F00;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration  : none;
  font-weight      : 100;
}
a.detail:hover {
  color            : #01CF00;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-decoration  : none; 
}
.pathway {
  font-size        : 10px;
  color            : #333333;
}
.pathway_right {
float            : right;
  font-size        : 9px;
  color            : #333333;
  margin-top       : -10px;
  letter-spacing:  0px;
}
a.pathway:link, a.pathway:visited {
  font-size        : 10px;
  padding-left     : 0px;
}
a.pathway:hover {
  font-size        : 10px;
  padding-left     : 0px;
}
table.annuaire td {
background-color : #EFDDB3;
}
tr.main td{
background-color : #DFCA99;
 text-align : center;
  color: #E72332;
  font-weight: lighter;
  letter-spacing:2px;
}
/*print depeches*/

.dep {
	width:480px;
	padding-left:10px;
	padding-right:10px;
	color :#6F5853;
}
.dep h3 {
color: #6F1F00;
text-align: left;
height : 20px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 5px;
background: url(../images/h3_dep.gif) repeat-x;
}

/*SEARCH AND FORM */
table.seek {
background-color : #ECEAD8;
border : 0px solid #FFBE00;
}

table.seek2 {
/*background-color : #FFBE00;*/
border : 0px solid #FFBE00;
height : 200px;
width :100 px;
}


#search {
  float            : left;
  margin-top       : 0px;
  border-right: 1px solid #244443;
  border-bottom: 1px solid #244443;
  border-left: 0px solid #244443;
  border-top: 0px solid #244443;
  padding          : 0px;
  width´           : 140px !important;
  width            : 142px;
  height           : 20px !important;
  height           : 20px;
  overflow         : hidden;
}
#search .inputbox {
  border           : 0px;
  margin-top       : 0px;
  padding          : 2px 3px 2px 6px !important;
  padding          : 0px 3px 2px 6px;
  font-family      : arial, helvetica, sans-serif;
  font-size        : 10px;
  height           : 12px !important;
  height           : 12px;
  width            : 123px !important;
  width            : 125px;
  color            : #999999;
  background       : #FFFFFF;
}

/*margin: top right bottom left*/
.back_button {
  color            : #333333;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/bb.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  border           : 1px solid #999999;
  padding          : 1px 2px 4px 20px;
  margin-right     : 4px;
  float            : right;
  font-weight      : normal;
  line-height      : 10px;
  text-decoration  : none; 
}
.button {
  font-size        : 11px;
  color            : #333333;
  border           : 1px solid #999999;
  margin-bottom    : 5px;
  background-color : #EDEDED;
  padding          : 1px;
}
.inputbox {
  border           : 1px solid #999999;
  background	   : transparent url(../images/back.gif);
  background-color : #EDEDED;
  margin-bottom    : 5px;
  color			   : #333333;
}

input.button {
	padding:4px 8px;
	margin:0px 0 0 0;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	font: bold 13px/1em arial, Helvetica, sans-serif;
	background: url(../images/button.png);
}

/*liste deroulante des produit  */
select {
font-family : arial, sans-serif;
font-size : 12px ;
width : 140px;

background-color : #FFEBAF;
border: 1px solid #EFB300;
}


a img {border: none;}