/* @group BASE */
html,body{
  margin:0;
  padding:0;
  background-color: #fff;
}
body{
  font-family:Arial;
  font-size: 11px;
  line-height: 20px;
  text-align:center;
  color: #333;
  background:transparent url(../images/fond_acc.gif) repeat-x 0 290px;  
}

a {
  color: #917400;
}

img { border: 0; }

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#modal_overlay {
  background-color:#000;
}

div#header {
  height:488px;
  margin:0 0 0 0;
  padding:0 0 0 8px;
  background: transparent url(../images/haut.png) no-repeat -4px top;
  position: relative;
}
div#header_home {
  height:306px;
  margin:0 0 0 0;
  padding:0 0 0 8px;
  background: transparent url(../images/haut.png) no-repeat -4px top;
  position: relative;
}
#home_banniere {
	height:242px;
	position:absolute;
	right:60px;
	top:64px;
	width:172px;
}
#content_home_col1, #content_home_col2 {
	position: relative;
	float: left;
	width: 266px;
}
div.text_col1, div.text_col2 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;	
	width:246px;
	background: url(../images/pixel_trans.png) repeat left top;
}
div.text_col1, div.text_col2{
	padding:5px 10px 10px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
div.text_col1 a, div.text_col2 a {
	text-decoration: underline;
	color: #fff;
}
div.text_col1 a:hover, div.text_col2 a:hover {
	text-decoration: none;
}
div.text_col1 h2, 
div.text_col2 h2 {
	font-size: 1.2em;
}
div.text_col1 h2, 
div.text_col2 h2,
div.text_col1 h3, 
div.text_col2 h3 {
	color: #fff;
}
div.text_col1 ul li, 
div.text_col2 ul li {
	list-style-image: url(../images/puce_blanche.png);
	list-style-position: inside;
	text-align: left;
	font-size: 0.9em;
}
div.text_col1 p, 
div.text_col2 p {
	font-size: 0.9em;
}
h2.sepronews {
	background-color:#003466;
	color:#FFFFFF;
	height:18px;
	margin-left:1px;
	padding:5px;
	text-align:center;
	width:162px;
}
#actu1, #actu2 {
	height:130px;
	overflow:hidden;
	padding:0 10px 5px;
}
#actu1 h2, #actu2 h2 {
	height: 20px;
	overflow: hidden;
}
#actu1 p, #actu2 p {
	height:28px;
	line-height:14px;
	overflow:hidden;
	padding-top:4px;
}
#actu1 a, #actu2 a{
	text-decoration: none;
	color: #3f4d7d;
}
#actu1 a:hover, #actu2 a:hover {
	text-decoration: underline;
}
.world_bottom_text {
	color:#3F4D7D;
	display:block;
	font-size:14px;
	line-height:16px;
	padding:5px;
	position:absolute;
	width:194px;
}
.pre_fleche {
	color: #3f4d7d;	
}
.language a {
	margin-left:3px; 
}
div#container{
  position: relative;
  width:1032px;
  margin:0 auto;
  text-align:left;
  padding:0;
	background: transparent url(../images/fond_h1.png) repeat-y 52px;
}
div#container2{
  position: relative;
  width:1032px;
  margin:0 auto;
  text-align:left;
  padding:0;
	background: transparent url(../images/fond_h2.png) repeat-y 52px;
}

div.video {
  float:left;
  display:inline;
  width:309px;
  height:213px;
  background:#fff url(../images/fond_video.png) no-repeat 0 0;
  overflow:hidden;
  padding:30px 0 0 45px;
  margin: -10px 10px 0 0;
}

div#wrapper{
  float:left;
  width:100%;
}
div#content_home {
	width:534px;
}
div#content_home{
  padding: 0 0 0 0;
  margin: 0 234px 0 265px;
  height: 300px;
}
#banniere_flashhome {
	height:242px;
	width:739px;
}
html>body #content_home {
	height: auto;
	min-height: 300px;
}
div#content{
  padding: 0 0 0 0;
  margin: 0 234px 0 265px;
  height: 300px;
}
html>body #content {
	height: auto;
	min-height: 300px;
}
div#content2{
  padding: 0;
  margin: 0 234px 0 60px;
  height: 300px;
}
html>body #content2 {
height: auto;
min-height: 300px;
} 
div#content3{
  padding: 0;
  margin: 0 59px 0 60px;
  height: 300px;
}
html>body #content3 {
height: auto;
min-height: 300px;
}
div#right{
  float:left;
  width:175px;
  margin-left:-233px;
}
div#left{
  float:left;
  width:200px;
  margin-left:-972px;
  text-align: left;
  background:url("../images/foot_separ.png") repeat-y scroll right top transparent;
}
div#footer {
	background:url("../images/bas.png") no-repeat scroll -4px top transparent;
	clear:left;
	color:#FFFFFF;
	height:20px;
	position:relative;
	width:1024px;
}
div#footer .fmenu {
  position: absolute;
  top: -2px;
  right: 50px;
  text-align: right;
  margin: 0;
}
div#footer .fmenu a {
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  margin-right: 10px;
}
div#footer .fmenu a:hover {
  text-decoration: underline;
}
div#footer a {
  color: #fff;
  text-decoration: none;
}
div#footer2 {
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	width:1024px;
	height: 250px;
	color: #999999;
}
div#footer2 h3 {
	color: #999999;
	font-size: 18px;
	padding-bottom: 10px;
}
#footer_col1, #footer_col2, #footer_col3 {
	float: left;
	display: inline;
}
#footer_col1 ul li, #footer_col2 ul li, #footer_col3 ul li {
	background:url("../images/fleche_footer.png") no-repeat scroll left 6px transparent;
	border-top:1px solid #eee;
	font-size:12px;
	line-height:12px;
	list-style:none outside none;
	padding-bottom:4px;
	padding-left:14px;
	padding-top:4px;
}
#footer_col1 ul li a, #footer_col2 ul li a, #footer_col3 ul li a {
	color: #999999;	
	font-weight: normal;
	text-decoration: none;
}
#footer_col1 ul li a:hover, #footer_col2 ul li a:hover, #footer_col3 ul li a:hover {
	text-decoration: underline;
}
#footer_col1 {
	margin-left:55px;
	padding:10px;
	width:184px;
	background: url(../images/foot_separ.png) repeat-y right top;
}
#footer_col2 {
	padding:10px;
	width:516px;
	background: url(../images/foot_separ.png) repeat-y right top;	
}
#footer_col3 {
	padding:10px;
	width:155px;
}
/* @end */
/* @group CONTENT PAGES */
div.bloc {
  margin: 0 1px 0 0;
  padding: 0 10px 20px 10px;
  background: transparent url(../images/sep_shadow.gif) repeat-x bottom; 
  color: #333;
  font-family: Arial;
  font-size: 11px;
  line-height: 20px;
}

/*
div.bloc h1 {
  color: #921885;
  font-family: Arial;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
*/

div.bloc div.image {
  width: 138px;
  height: 97px;
  text-align: center;
  padding: 6px 0 0 0;
  float: left;
  margin: 0 10px 10px 0; 
  background: transparent url(../images/fond_image_bloc.png) no-repeat;
}

div#searchengine {
  margin: 30px 0 40px 0;
  text-align:right;
}
#content2 ul li {
	list-style-position: inside;
}
span.titre, h1, #content2 h2 {
  font-family:Arial;
  font-size:22px;
  color:#ffcc00;
  font-weight:bold;
}
span.soustitre, h2, #content2 h3 {
  font-family:Arial;
  font-size:14px;
  color:#003366;
  font-weight:bold;
  text-decoration: none;
}
#content2 strong, #content2 b {
  font-family:Arial;
  font-size:12px;
  color:#003366;
  font-weight:bold;
  text-decoration: none;	
}
h1.fdbleu {
  color: #eee;
  background: #003366 url(../images/right.gif) no-repeat 5px 10px;
  padding: 5px 5px 5px 20px;
  font-size: 16px;
  letter-spacing: 2px;
  margin: 0;
  font-weight: bold;
}

h2.fdbleu {
  color: #eee;
  background: #003366 url(../images/down.gif) no-repeat 5px 10px;
  padding: 5px 5px 5px 20px;
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0;
  font-weight: bold;
}

div.fiche_content {
  background: #fff url(../images/sep.jpg) repeat-x 0 bottom;
  margin:0;
  padding: 0 10px 20px 10px;
}

div.fichei1 {
  float: left;
  text-align: center;
  width: 272px;
  height: 231px;
  margin: 15px 30px 30px 30px;
  padding: 7px 0 0 0;
  background: #fff url(../images/fondimg_gr.jpg) no-repeat 0 0;
}

div.lienblocdroit {
  border-bottom: 1px solid #003366;
  margin:0;
  padding:0;
  width: 170px;
}
span.spanlienright {
  display: block;
  text-align: right;
  background: #fff url(../images/blueright.gif) no-repeat 5px 8px;
  padding: 2px;
  margin: 0;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #003366;
  width: 170px;
}
span.spanlienright:hover {
  background: #fff url(../images/blueright.gif) no-repeat 10px 8px;
}


div.blocmozaique {
  float:left;
  display: inline;
  position: relative;
  background:transparent url(../images/fond_mozaique.jpg) no-repeat 0 0;
  margin: 0;
  padding: 0;
  width: 177px;
  height: 358px;
}
div.blocmozaique a {
  text-decoration: none;
}
div.blocmozaiquepublic a {
  position: absolute;
  top: 0;
  left: 0;
  width: 177px;
  height: 358px;
}
div.blocmozaique span {
  color: #B8D8FF;
  font-family: Arial;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 13px;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
}
div.blocmozaique a:hover span {
  text-decoration: underline;
}
div.blocmozaique div.lmo {  
  margin: 10px 0 0 32px;
  width:  130px;
  height: 70px;
  /*border: 1px solid red;*/
}
div.blocmozaique img {
  display: block;
  margin: 35px 0 0 14px;
}
div.b1 {
  font-size: 12px;
  margin: -10px 30px 15px 0;
  padding: 0 0 15px 0;
  background: #fff;
  line-height: 20px;
  color: #333;
  text-align: justify;
}

div.mozkit {
  float:left;
  display: inline;
  position: relative;
  background:transparent url(../images/mozkit.jpg) no-repeat 0 0;
  margin: 0 10px 10px 0;
  padding: 0;
  width: 134px;
  height: 183px;
}
div.mozkitpublic a {
  position: absolute;
  top: 0;
  left: 0;
  width: 134px;
  height: 183px;
}
div.mozkit span {
  color: #B8D8FF;
  font-family: Arial;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 13px;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
}
div.mozkit div.lmo {  
  margin: 3px 0 0 40px;
  width:  92px;
  height: 50px;
}
div.mozkit img {
  display: block;
  margin: 16px 0 0 10px;
  padding: 0;
}
/* @end */
/* @group MENU TOP */
#menu li,
#menu ul li {
	list-style: none;
}
#menu li a {
	text-decoration: none;
}
#menu li a.first1:hover {
	color: #fff;
}
li.menu1 {
  margin: 0;
  padding: 0 0 0 0;
  position: absolute;
  top: 40px;
  left: 60px;
  width:64px;
  background: transparent url(../images/menu1.png) no-repeat 0 0;
  z-index:10;
  padding:0 0 0 15px;
  background-color: #666;
}

li.menu1 ul li a{
  display: block;
  color: #eee;
  font-family: Arial;
  font-size: 13px;
  font-weight:bold;
  text-decoration: none;
  background: transparent url(../images/pucemenu1.png) no-repeat 0 0;
  padding: 0 0 0 17px;
  margin-left:5px;
}
li.menu1 a.first1 {
	background-image:none;
	border-bottom:1px solid #666666;
	color:#AAAAAA;
	display:block;
	font-size:13px;
	margin:0 15px 0 2px;
	padding:0 0 1px 6px;
}
li.menu1 ul li a:hover {
  color: #333;
  background: transparent url(../images/pucemenu1.png) no-repeat 2px 0;
}
li.menu1 a.first1:hover {
  background-image: none;
}
li.menu1 ul {
  border-top: 1px solid #aaa;	
}

li.menu2 {
	background:url("../images/menugrisfleche.png") no-repeat scroll right top transparent;
	background-color: #666;
	left:141px;
	margin:0;
	padding:0;
	position:absolute;
	top:40px;
	width:123px;
	z-index:10;
}

li.menu2 ul li a {
  display: block;
  color: #eee;
  font-family: Arial;
  font-size: 13px;
  font-weight:bold;
  text-decoration: none;
  background: transparent url(../images/pucemenu1.png) no-repeat 0 0;
  padding: 0 0 0 17px;
  margin-left:5px;
}
li.menu2 a.first1 {
  display: block;
  background-image: none;
  padding: 0 0 1px 6px;
  border-bottom: 1px solid #666;
  margin: 0 15px 0 2px;
  color: #AAAAAA;
  font-size:13px;
}
li.menu2 ul li a:hover {
  color: #333;
  background: transparent url(../images/pucemenu1.png) no-repeat 2px 0;
}
li.menu2 a.first1:hover {
  background-image: none;
}
li.menu2 ul {
  border-top: 1px solid #aaa;	
}
li.menu3 {
	background:url("../images/menu3.png") no-repeat scroll right top transparent;
	left:266px;
	margin:0;
	padding:0;
	position:absolute;
	top:40px;
	width:176px;
	z-index:10;
}

li.menu3 ul li a{
  display: block;
  color: #333;
  font-family: Arial;
  font-size: 13px;
  font-weight:bold;
  text-decoration: none;
  background: transparent url(../images/pucemenu2.png) no-repeat 5px 0;
  padding: 0 0 0 21px;
  margin-left:0px;
}
li.menu3 a.first1 {
  display: block;
  background-image: none;
  padding: 0 0 1px 0;
  border-bottom: 1px solid #FBD029;
  margin: 0 15px 0 7px;
  color: #333333;
  font-size:13px;
}
li.menu3 ul li a:hover {
  color: #fff;
  background: transparent url(../images/pucemenu2.png) no-repeat 7px 0;
}
li.menu3 a.first1:hover {
  background-image: none;
}
li.menu3 ul {
  border-top: 1px solid #B59000;	
}

li.menu4 {
	background:url("../images/menu3.png") no-repeat scroll right top transparent;
	left:444px;
	margin:0;
	padding:0;
	position:absolute;
	top:40px;
	width:176px;
	z-index:10;
}

li.menu4 ul li a{
  display: block;
  color: #333;
  font-family: Arial;
  font-size: 13px;
  font-weight:bold;
  text-decoration: none;
  background: transparent url(../images/pucemenu2.png) no-repeat 5px 0;
  padding: 0 0 0 21px;
  margin-left:0px;
}
li.menu4 a.first1 {
  display: block;
  background-image: none;
  padding: 0 0 1px 0;
  border-bottom: 1px solid #FBD029;
  margin: 0 15px 0 7px;
  color: #333333;
  font-size:13px;
}
li.menu4 ul li a:hover {
  color: #fff;
  background: transparent url(../images/pucemenu2.png) no-repeat 7px 0;
}
li.menu4 a.first1:hover {
  background-image: none;
}
li.menu4 ul {
  border-top: 1px solid #B59000;	
}


li.menu5 {
	background:url("../images/menu3.png") no-repeat scroll right top transparent;
	left:622px;
	margin:0;
	padding:0;
	position:absolute;
	top:40px;
	width:176px;
	z-index:10;
}

li.menu5 ul li a{
  display: block;
  color: #333;
  font-family: Arial;
  font-size: 13px;
  font-weight:bold;
  text-decoration: none;
  background: transparent url(../images/pucemenu2.png) no-repeat 5px 0;
  padding: 0 0 0 21px;
  margin-left:0px;
}
li.menu5 a.first1 {
  display: block;
  background-image: none;
  padding: 0 0 1px 0;
  border-bottom: 1px solid #FBD029;
  margin: 0 15px 0 7px;
  color: #333333;
  font-size:13px;
}
li.menu5 ul li a:hover {
  color: #fff;
  background: transparent url(../images/pucemenu2.png) no-repeat 7px 0;
}
li.menu5 a.first1:hover {
  background-image: none;
}
li.menu5 ul {
  border-top: 1px solid #B59000;	
}
li.menu6 {
  margin: 0;
  padding: 0 0 0 0;
  position: absolute;
  top: 40px;
  left: 800px;
  width: 172px;
	background-color:#666666;
  z-index:10;
}

li.menu6 ul li a {
  display: block;
  color: #eee;
  font-family: Arial;
  font-size: 13px;
  font-weight:bold;
  text-decoration: none;
  background: transparent url(../images/pucemenu1.png) no-repeat 0 0;
  padding: 0 0 0 17px;
  margin-left:5px;
}
li.menu6 a.first1 {
  display: block;
  background-image: none;
  padding: 0 0 1px 6px;
  border-bottom: 1px solid #666;
  margin: 0 15px 0 2px;
  color: #AAAAAA;
  font-size:13px;
}
li.menu6 ul li a:hover {
  color: #333;
  background: transparent url(../images/pucemenu1.png) no-repeat 2px 0;
}
li.menu6 a.first1:hover {
  background-image: none;
}
li.menu6 ul {
  border-top: 1px solid #aaa;	
}
a.mdlink {
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #5D699A;
  color: #5D699A;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  padding: 3px 5px 0 20px;
  margin: 0 1px 0 0;
  background: #fff url(../images/blueright.gif) no-repeat 2px 7px;
}
a.mdlink:hover {
  background-position: 5px 7px;
}

div.mk {
  margin: 20px 0 0 0;
}
a.mklink {
  text-decoration: none;
  display: block;
  color: #5D699A;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 3px 5px 0 20px;
  margin: 0 1px 0 0;
  background: #fff url(../images/blueright.gif) no-repeat 2px 7px;
}
a.mklink:hover {
  background-position: 5px 7px;
}
/* @end */
/* @group PAGE KITS */
.accordion_toggle {
  background: #fff url(../images/sepkit.jpg) repeat-x left bottom;
  padding: 20px 0 40px 15px;
  position: relative;
}
.accordion_toggle .more {
  position: absolute;
  bottom: 7px;
  right: 10px;
  text-align: right;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 0 0 0 20px;
  background: transparent url(../images/right.gif) no-repeat 0 4px;
}
.accordion_toggle_active {
  background-image: none;
}
.accordion_toggle:hover {
  cursor: pointer;
}
.accordion_toggle:hover .more {
  text-decoration: underline;  
}
.accordion_content {
  padding: 0 0 40px 15px;
  background: #fff url(../images/sepkit.jpg) repeat-x left bottom;
  margin: 0 0 0 0;
}
.entetekit {
  background:#fff url(../images/sep.jpg) repeat-x left bottom;
  padding:0 0 20px 15px;
}
a.boutonjaune {
  display: block;
  margin: 0;
  padding: 23px 0 0 30px;
  width: 145px;
  height: 34px;
  background:#fff url(../images/boutonjauneoff.jpg) no-repeat 0 0;
  color: #036;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
a.boutonjaune:hover {
  background:#fff url(../images/boutonjauneon.jpg) no-repeat 0 0;
}
a.boutonbleu {
  display: block;
  margin: 0;
  padding: 23px 0 0 30px;
  width: 145px;
  height: 34px;
  background:transparent url(../images/boutonbleu.jpg) no-repeat 0 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
table.tab {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid #47568D;
}
table.tab td {
  border: 1px solid #47568D;
  padding: 3px;
}
table.tab td.tabColTitreBleu {
  background-color: #47568D;
  color: #fff;
  font-weight: bold;
  border: 1px solid #fff;
}
table.tab td.tabColTitre {
  background-color: #47568D;
  color: #fff;
  font-weight: bold;
  border: 1px solid #fff;
}
/* @end */

/* @group Boutons FLA*/
#b1 {
	z-index:10;
	position:absolute;
	padding:20px 0 0 0;
	top:267px;
	width:100%;
	height:214px;
	overflow:hidden;	
}
#b1_home {
	z-index:10;
	position:absolute;
	padding:20px 0 0 0;
	top:267px;
	width:100%;
	left:52px;
	height:19px;
	overflow:hidden;	
}
#b1_bis {
	z-index:10;
	position:absolute;
	padding:20px 0 0 0;
	top:267px;
	width:100%;
	left:1px;
	height:19px;
	overflow:hidden;	
}
#b2 {
	position:absolute;
	padding:0;
	top:55px;
	left:0;
	clear:both;
	height:230px;
	width:59px;
}
#b3 {
	margin:0;
	padding:0;
	position:absolute;
	width:175px;
	height:124px;
}
#b3_home {
	margin:0;
	padding:0;
	position:absolute;
	width:204px;
	height:144px;
}
/* @end */


/* @group Admin */
.adm_imgbox {
	width: 24%;
}
.plug_banimg img {
	position:absolute;
	left:0;
	top:30px;
	z-index:9500;
	width: 42px;
	height: 42px;
	background: url(../images/picto_imgplusban.png) no-repeat left top;
	cursor: pointer;
}
.menuban {
	z-index:9000;
	display:none;
	position:absolute;
	top: 30px;
	left:3px;
	padding-left:40px;
}
.menuban li {
	list-style: none;
}
.menuban li img{
	float: left;
	display: inline;
	border: 1px solid white;
}
li.adm_banimgmenu {
	padding:5px; 
	background-color:#fff; 
	margin-top:8px;
}
/* @end */

/* @group Formulaires */
.form_intro {
  margin-bottom: 20px;
}
table.form_table {
  margin-bottom: 30px;
}
table.form_table h3 {
  margin: 15px 0 10px 0;
  padding-bottom: 1px;
  border-bottom: solid 1px #003366;
}
table.form_table input:not([type="radio"]):not([type="checkbox"]),
table.form_table select,
table.form_table textarea {
  margin: 0 30px 0 3px;
}
table.form_table tr.submit_row td {
  text-align: center;
  padding-top: 10px;
}
table.form_table tr.submit_row td input {
  padding: 2px;
}
table.form_table ul.error_list li {
  list-style-type: none;
  color: #FF0000;
}
table.form_table ul.radio_list li {
  list-style-type: none;
  display: inline;
  margin-right: 10px;
}
table.parts_table thead th {
  text-align: center;
}
.confirmation_message {
  color: #007C00;
}
.error_message {
  color: #FF0000;
}
/* @end */