#right_cel p {margin:0 10px; font-size:10px; color:#1B61AB; text-align:justify;}
#right_cel h3 {margin:0 10px;font-size:12px; font-style:italic; color:#7E0005; text-align:left; line-height:28px;}
#right_cel h2 {font-size:2em;color:#06a; border:0;padding-top:0.5em;}
#right_cel p {padding-bottom:0.5em;}
#right_cel ul { text-align:left;}
#right_cel ul li {list-style-image: url(../images/puce_17.gif); height:25px; font-size:14px; color:#626262; font-weight:bold; text-indent:8px; line-height:18px;}
#right_cel { width:230px;  margin:0;}

#top_cel { width:670px; height:221px;  margin:0; border:1px solid #CCCCCC; background:url(../images/home_16.jpg) no-repeat right top; text-align:left;}
#left_cel { width:329px; padding:0;  margin:10px 10px 0 0; float:left;}

#left_cel p {margin:10px;}

#left_cel h3{ font-size:12px; margin:0 0 5px 0; padding:3px 0;  border-bottom:1px solid #cccccc;}

#mid_cel { width:333px; padding:0px 0 0 0;  margin:10px 0 0 0; border-top:1px solid #cccccc;  text-align:left; float:left;}
#mid_cel p {margin:10px;}
#mid_cel h3{ font-size:12px; margin:0 0 5px 0; padding:5px 0; border-bottom:1px solid #cccccc; text-indent:5px;background-color:#EBF1F8;}

#blue_box { width:317px; height:181px; line-height:30px;  margin:0; padding:40px 0 0 20px; background-color:#1B61AB; text-align:left; font-weight:bold; font-size:14px; color:#FFFFFF; }
#right_content { text-align:left; width:710px;  margin:10px 22px 10px 0px!important; margin:10px 12px 10px 0px; float:right;}
#left_content { width:200px; padding:0 0 0 10px!important; padding:0 0 0 6px;  margin:10px 0px 10px 12px!important; margin:10px 0px 10px 8px; float:left; text-align:left;}


#left_content p{ height:28px; background:url(../images/syged_13.gif) repeat-x 0 -28px; color:#ffffff; font-weight:bold; text-indent:8px; font-size:10px; margin:0; padding:0px; line-height:28px;}

#metiers{ margin:0; padding:0; text-align:left;}
#metiers li{ margin:0; padding:5px; text-align:left; list-style-type:none; border-bottom:1px solid #cccccc;}
#metiers li a{ color:#1B61AB; text-decoration:none;}
#metiers li a:hover{  color:#1B61AB; text-decoration:none; font-weight:bold;}

#right_content h1{ text-align:left; margin:0; padding:5px; border:1px solid #cccccc; color:#1B61AB; font-size:14px; width:400px; background-color:#E9F2F9;}

#sysdoc{float:right; margin:0 45px 0 0;}


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;background-color:#EBF1F8;}
.xb1 {margin:0 5px; background:#CCCCCC;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xt1, .xt2, .xt3, .xt4 {display:block; overflow:hidden;}
.xt1, .xt2, .xt3 {height:1px;}
.xt2, .xt3, .xt4 { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.xt1 {margin:0 5px; background:#CCCCCC;}
.xt2 {margin:0 3px; border-width:0 2px;}
.xt3 {margin:0 2px;}
.xt4 {height:2px; margin:0 1px;}


#logos{width:920px; height:63px; text-align:left;}
#logos img{float:right;}
#logos p{color:#1B61AB; font-weight:bold; padding:20px 0 0 80px;}



.xboxcontentb {display:block;  border:0 solid #CCCCCC; border-width:0 1px; padding: 0 5px 5px 5px; background-color:#EBF1F8;}
.xboxcontent {display:block;  border:0 solid #CCCCCC; border-width:0 1px; padding: 0 5px 5px 5px;}
.xboxcontentm {display:block;  border:0 solid #CCCCCC; border-width:0 1px; padding: 0;}

.tabl_metier{	display:block;	border:1px solid #CCCCCC;	background: center;	float: right;	width: 240px;}