/*******************************/
/*   GENERAL
/*******************************/

* { padding: 0; margin: 0; }

body {
	background: url(img/fond_body.png) repeat-x 0 0 #fff;
	text-align: center;
	font: 11px  Arial, Verdana, "Trebuchet ms","Times new roman","sans serif";
	color: #336699;
}

a img { border: 0; }

a { text-decoration: none; font-weight: 700; color: #ff9c00; }
a:hover, a:focus a:active { text-decoration: underline; }


.left { float : left; }
.right { float : right; }

img.left {	margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display : block; margin: 0 auto; text-align: center; padding-bottom: 8px; }

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; }

.txtBig { font-size: 14px; }

/*******************************/
/*   GLOBAL
/*******************************/

#ombre-y { background: url(img/ombre_y.png) repeat-y 0 0; width: 990px; margin: 0 auto; }

#ombre { background: url(img/ombre_site.png) no-repeat 0 0; }

#global { margin: 0 5px; text-align: left; background: #fff; }


/*******************************/
/*   INFOTOP
/*******************************/

#infotop { height: 30px; }

#infotop a { color:#336699; text-decoration:none; }
#infotop a:hover { color:#ff9c00; }

#raccourci { float: left; padding: 7px 0 0 10px; width: 700px;}
#raccourci li { list-style: none; display: inline; color:#ff9c00; }
#raccourci .titre { font-weight: 700; float: left;  }
#raccourci a { font-weight: 400;  }

#langue { float:right; position: relative; top: 7px; right: 10px; font-weight: 700; }
#langue a:hover { color:#ff9c00; }

/******************************/
/*   HEADER
/******************************/

#header { background: url(img/fond_header.png) 0 0 no-repeat; height: 130px; }
#logo { float: left; padding-top: 30px; margin-left: 30px; display: inline;  }
#banners { width:728px; height:90px; float:right; padding: 20px 20px 0 0; display: inline; }


/**************************************/
/*   MENU NIV1
/**************************************/

#niv1 { background: url(img/niv1_bg.gif) 0 0  repeat-x ; height: 30px; text-align: right;  }
#niv1 ul {  position: relative; top: 5px; }
#niv1 li { list-style: none; display: inline; margin: 0 20px 0 0; text-transform: uppercase; }
#niv1 li a { text-decoration: none; font-size: 15px; color: #ffffff; font-weight: 700;
background: url(img/niv1_puce.gif) 0 0 no-repeat; padding: 0 0 2px 30px; }
#niv1 li a:hover, #niv1 li a.sel { color: #fec415; }


/*************************************/
/*   MAIN
**************************************/

#main { padding: 10px; } 

/*************************************/
/*   SIDEBAR
**************************************/

#sidebar { width: 220px; float: left; }
#sidebar.home { width: 210px; }

/*************************************/
/*   PICTOLIEN
**************************************/

#pictolien { text-align: center; width: 180px; padding: 0 10px; }
#pictolien img { padding-top: 5px; }

#pictolien a { color: #336699; text-decoration:none; }

a.lien-bleu { background: url(img/puce_bleu.gif) no-repeat 0 3px; padding-left: 12px; }  
a.lien-orange { background: url(img/puce_orange.gif) no-repeat 0 3px; padding-left: 12px; } 
a.lien-vert { background: url(img/puce_vert.gif) no-repeat 0 3px; padding-left: 12px; } 

a:hover.lien-bleu { color: #0099cc !important;  }  
a:hover.lien-orange { color: #ff9c00 !important; } 
a:hover.lien-vert { color: #669933 !important;  } 

/*************************************/
/*   MENU GAUCHE
**************************************/

#menu-gauche { width: 200px; }

.niv2 li {  list-style: none;  }

.niv2 a { color: #FFF; font-size: 12px; zoom:1; text-decoration:none;
display: block; background: url(img/niv2_bg.gif) repeat-x 0 0 #0997c1; padding: 5px 10px 5px 20px; margin-bottom: 1px; }

.niv2 a:hover { background: url(img/niv2_bg.gif) repeat-x 0 -274px #31c3ed; }
.niv2 .sel { background: url(img/niv2_bg.gif) repeat-x 0 -274px #31c3ed; }

.niv3 { background: url(img/niv3_bg.gif) repeat-x 0 0; margin-bottom: 1px; padding: 8px 8px 8px 15px; line-height: 18px; }
.niv3 a { color: #336699; text-decoration: none; background: url(img/carre_bleu.gif) no-repeat 0 5px; padding: 0 0 0 13px; margin-bottom: 0; }
.niv3 a:hover { color: #ff9c00; }
.niv3 a.sel { color: #ff9c00; background: url(img/carre_orange.gif) no-repeat 0 5px; }

/*************************************/
/*   CDF
**************************************/

#cdf { font: 10px  Verdana, Arial, "Trebuchet ms","Times new roman","sans serif"; font-weight: 700; padding: 5px 0 15px 0; }
#cdf a { color: #336699; text-decoration: none;  }
#cdf a:hover { color: #ff9c00; }
#cdf .sel { color: #ff9c00;  }

/*************************************/
/*   BLOC-CENTER
**************************************/

#bloc-center { float: left; width: 600px; padding-bottom: 20px; }
#bloc-center.home { width: 620px;  }
.large { width: 820px !important; }

#bloc-center li { list-style-position: inside; }

#bloc-center h1 { color: #336699; font-size: 18px; margin-bottom: 20px; border-bottom: 2px solid #f6a800; }

#bloc-center h2 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; }

#bloc-center h2.ciel { color: #0099cc; background: url(img/h2_ciel.gif) repeat-x 0 0 #bbe2f3; border-bottom: 1px solid #a3d2e8;
padding: 4px 10px 3px 10px;  margin-top:10px;}

#bloc-center h2.orange { color: #ff9c00; background: url(img/h2_orange.gif) repeat-x 0 0 #f1d792; border-bottom: 1px solid #f9c85f;
padding: 4px 10px 3px 10px; margin-top:10px; }

#bloc-center h3 { color: #0099cc; font-size: 14px; margin-bottom: 5px; margin-left: 10px; text-indent: 13px; 
background: url(img/carre_orange.gif) no-repeat 0 4px;  }


.pack-image { border: 1px solid #bce3f3; text-align:center; }
.pack-image img { padding: 5px;  }
.pack-image.left { margin-right: 10px; } .pack-image.right { margin-left: 10px; } .pack-image.center { margin-bottom: 8px; }
.legende-image { color: #565656; font-size: 10px !important; background: #d2f0fd; } 

.fichier a { background: url(img/fichier.gif) no-repeat 0 0 ; padding: 0 0 0 18px; }

#bloc-center .bloc {margin-bottom: 10px;}

#bloc-center .fond-ciel { background: url(img/degrade_ciel.gif) repeat-x 0 0 #d7efff ; zoom: 1;  }
#bloc-center .filet-bleu { border: 1px solid #30abcf; }

.fond-ciel h3, .filet-bleu h3 { margin-left: 0px !important; }

.tdm { padding: 0 0 10px 20px; color: #0099cc; }
.tdm li { list-style: square; }


/* GESTION DES COLONNES */

div.w50 {
  float : left;
  display : inline; /* fix ie6 bug : http://positioniseverything.net/explorer/doubled-margin.html */
  clear : left;
  width : 290px;
  margin-right : 18px;
}

div.w50-newline {
  float : left;
  display : inline;
  clear : right;
  width : 290px;  
}

div.w33-first {
  float : left;
  display : inline;
  width : 180px;
  margin-right : 18px;
}

div.w33-2 {
  float : left;
  display : inline;
  width : 180px;
  margin-right : 18px;
}

div.w33-newline {
  float : left;
  display : inline;
  clear : right;
  width : 180px;
}


/*************************************/
/*   BLOC-VISUEL
**************************************/

.bloc-visuel { padding-bottom: 20px; }
.bloc-visuel img { display: block; }

/*************************************/
/*   BLOC-HOME
**************************************/

#bloc-home h2 { font-size:14px; color: #0099cc; background: url(img/puce_blochome.gif) no-repeat 0 3px; text-indent: 15px; margin-bottom: 5px;}

#bloc-home td { font-size: 11px; }

.C2 { float: left; display: inline; clear: left; width: 300px; }
.C2-newline { float: right; display: inline; clear: right; width: 300px; }

#bloc-home p.lien { padding-top: 5px; }

#bloc-home .pointilles-v { padding: 0 10px; background: url(img/pointilles_vert.gif) repeat-y top center;  }

#bloc-home .sep { padding: 5px 0; background: url(img/pointilles_horiz.gif) repeat-x center left; }

#bloc-home .filet { border: 1px solid #0099cc; padding: 10px; }
#bloc-home .fond { background: #d1edff; padding: 10px; }

/*************************************/
/*   SKYSCRAPER
**************************************/

#skyscraper { float:right; width: 120px; height: 600px; padding-bottom:20px; background: url(img/skyscraper.gif) no-repeat 0 0; }

/*************************************/
/* FOOTER
**************************************/

#footer { clear:both; background: url(img/fond_footer.png) no-repeat 0 0; height: 40px; padding: 0 10px;  }

.footer-logos { float:left; padding-top: 5px; }
.footer-logos img { vertical-align: middle; margin-right: 10px; }

.ojd { float: left; padding-top: 5px; }

.footer-liens { float: right; position:relative; top: 12px; }
.footer-liens a { font-weight: 400; color: #336699; }
.footer-liens a:hover { text-decoration: underline; }