@charset "utf-8";
/* CSS Document */
* {	margin:0 auto; padding:0; font-size:100%;}

body{background:#607890 ; font-family:"Arial", Times, serif; color:#333333;}

img {vertical-align:top;}
a img { border:0;}
a {color:#333333; text-decoration:none;}
a:hover{
	text-decoration:underline;
	color: #607890;
	font-family:"Arial", Times, serif;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 980px;
	height:500px;
	background:white url(cg/pages/pages_bg.png) repeat-y;
}
#wrapper000 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 980px;
	height:3000px;
	background:white url(cg/pages/pages_bg.png) repeat-y;
}
#wrapper7 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 980px;
	height:1000px;
	background:white url(cg/pages/pages_bg.png) repeat-y;
}

#wrapper2 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 980px;
	height:1150px;
	background:white url(cg/pages/pages_bg.png) repeat-y;
}
#wrapper7 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 980px;
	height:1000px;
	background:white url(cg/pages/pages_bg.png) repeat-y;
}
#wrapper72 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 980px;
	height:780px;
	background:white url(cg/pages/pages_bg.png) repeat-y;
}
#wrapper8 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 980px;
	height:1500px;
	background:white url(cg/pages/pages_bg.png) repeat-y;
}

#wrapper5 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 980px;
	height:650px;
	background:white url(cg/pages/pages_bg.png) repeat-y;
}
#header {
	height:265px;
	
}

#side-a {
	float: left;
	width: 305px;
	background-image:url(cg/pages/arplan.png);
	padding-left:40px;
	padding-right:5px;
}

#side-b {
	float: right;
	margin-left:15px;
	width: 303px;
	background:#fff url(cg/pages/arplanb2.png) repeat-y;

}

#content { 
	float: left;
	padding-left:15px;
	padding-right: 5px;
	width: 302px;
	background:url(cg/pages/pages_bg.png) repeat-y;
}
div#colonne1 { 
    float: left; 
	margin-left: 40px;
	margin-top:20px;
	padding: 10px 10px 10px 10px;
    width: 265px; 
    background: #fff; 
}
div#colonne2 { 
    float: right; 
	margin-right: 50px;
	margin-top:20px;
	padding: 10px 10px 0 0;
    width: 265px; 
    background: #fff; 
}
div#centre { 
float: center; 
    margin : 20px 340px 0 340px;
}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7,  div.span-9, div.span-10 { float:left;margin-right:5px; margin-left:40px; margin-top:15px; padding : 5px; }
.last, div.last {margin-right:10px; margin-left :10px;}
div.span-77 {float:left;margin-right:20px; margin-left:70px; margin-top:15px; padding : 5px;}
div.span-78 {float:left;margin-right:20px; margin-left:70px; margin-top:15px; padding : 5px;}
div.span-788 {float:left;margin-right:20px; margin-left:20px; margin-top:15px; padding : 5px;}
div.span-79 {float:left;margin-right:20px; margin-left:70px; margin-top:15px; padding : 5px;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:280px; height :auto;}
.span-78 {width:300px;}
.span-788 {width:450px;}
.span-77 {width:520px;}
.span-777 {width:400px;margin-left:50px;clear:both;}
.span-78 {width:320px;}
.span-79 {width:420px;}
.span-8 {width:280px; float:left;margin-right:5px; margin-left:20px; margin-top:15px;}
.span-9 {width:350px;}
.span-88 {width:260px; float:left;margin-right:5px; margin-left:20px; margin-top:15px;}
.t1 { position:relative;
     top:1px;
     left:1px;
     width:265px;
     height:56px;
	 padding-left: 25px;
	 padding-bottom:20px;
	 background:url(cg/pages/t1.png)no-repeat;
	 font-family:"Arial", Times, serif; font-size:1.8em; color:#333333;
}
.t11 { position:relative;
     top:1px;
     left:1px;
     width:265px;
     height:56px;
	 padding-left: 25px;
	 padding-bottom:10px;
	 margin-bottom: 10px;
     background:url(cg/pages/t11.png);
	 font-family:"Arial", Times, serif; font-size:1.4em; color:#333333;
}
.t2 { position:relative;
     top:1px;
     left:1px;
     width:265px;
     height:56px;
	 padding-left: 25px;
     background:url(cg/pages/t2.png) no-repeat;
	 font-family:"Arial", Times, serif; font-size:1.6em; color:#333333;
}
.t22 { position:relative;
     top:1px;
     left:1px;
     width:265px;
     height:56px;
	 padding-left: 25px;
     background:url(cg/pages/t2.png) no-repeat;
	 font-family:"Arial", Times, serif; font-size:1.6em; color:#333333;
}
.t_art {
	position:relative;
	padding-left: 35px;
	 padding-bottom:10px;
	 margin-bottom: 5px;
	background:url(cg/pages/t11.png) no-repeat;
	font-family:"Arial", Times, serif;
	font-size:1.2em;
	color:#EC8E0F;
	font-weight: bold;
	
}
.t1fin { position:relative;
     top:35px;
     left:1px;
     width:265px;
     height:22px;
	 padding-left: 25px;
     background:url(cg/pages/t1fin.png);
	 
}
.docs1 { position:relative;
float:left;
font-family:"Arial", Times, serif; font-size:2em; color:#333333;
}
.txtdocs1 { position:relative;
padding-left: 5px ;
padding-right: 5px;
     width:280px;
     font-family:"Arial", Times, serif; font-size:0.8em; color:#333333;
}
.txt1 { position:relative;
      width:269px;
     height:400px;
	 padding-left: 17px;
	 background:#fff;
	 font-family:"Arial", Times, serif; font-size:0.95em; color:#333333;
}
.txt1 a { 
	 font-family:"Arial", Times, serif; font-size:0.95em; color:#333333;
}
.txt1 a:hover { text-decoration:underline;
	color: #607890;
	font-family:"Arial", Times, serif;
}

.hr1p {background:url(cg/pages/hr1p.png) repeat-x; height:10px;}
.hr1b {background:url(cg/pages/traitblanc.png) repeat-x; height:10px;}
#footer {
	
	clear: both;
	position:relative;
	width:980px;
	height:55px;
	background-image:url(cg/pages/footer_bg.png);
	float:center;
	padding-top: 30px;
	text-align:center;
}
.foot {
	font-family:"Arial", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #333;
	text-align:center;
}
.soust {
	font-family:"Arial", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #607890;
	
}
#foot2 {
	padding-top: 15px;
	font-family:"arial", Times, serif;
	font-size: 10px;
	font-style: normal;
	color: #DEE3E8;
	text-align: center;
}
.sidebox {
	margin: 0 auto; /* center for now */
	width: 280px; /* ems so it will grow */
	background: url(cg/pages/sbbody-r.gif) no-repeat bottom right;
	font-size: 0.4em;
}
.boxhead {
	background: url(cg/pages/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(cg/pages/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.2) 0px 2px 2px; /* Safari-only, but cool */
}
.boxbody {
	background: url(cg/pages/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	font-family:"arial", Times, serif;
	font-size: 11px;
	color:#607890;
}
.boxbody2{
	margin: 0;
	padding: 5px 5px 5px;
	font-family:"arial", Times, serif;
	font-size: 10px;
	
}
div.document{ width:270px; float:left;background-color:#fff; margin-bottom:20px; margin-top:20px; margin-riget:5px; margin-left:5px; padding : 5px 5px 5px 5px}