/*tags html*/
* {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight: normal;*/
	color: #0B2B54;
}
body {
	text-align: center;
	background: #7FBCD1 url(../images/fond.jpg) repeat-x;
}
img {
	border: none;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #3C76C3;
}
a:hover {
	text-decoration: underline;
}
h1 {
	padding: 0 0 25px 19px;
	color: #3C76C3;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	background: url(../images/puceh1.gif) no-repeat left 1px;
}
h2 {
	padding: 0 0 15px 0;
	color: #3C76C3;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
h1 img, th img, a img {
	vertical-align: middle;
}
td, th {
	padding: 2px;
}
/*layers*/
/*index*/
#page {
	margin: 0 auto;
	/*width: 950px;*/
	height: 547px;
	padding-left: 55px;
	width: 895px;
	background: url(../images/bg_page.gif) repeat-x 0 0;
	text-align: left;
}
#page #boxleft, #page #boxright {
	height: 547px;
	float: left;
}
#page #boxleft {
	width: 217px;
}
#boxleft div {
	float: left;
	height: 547px;
}
#boxleft #box_form_l {
	width: 4px;
	background: url(../images/box_form_l.gif) no-repeat;
}
#boxleft #box_form_r {
	width: 5px;
	background: url(../images/box_form_r.gif) no-repeat;
}
#boxleft #box_form {
	width: 208px; 
	background: url(../images/bg_box_form.gif) repeat-x;
}
#boxleft #box_form div {
	clear: left;
	width: 100%;
}
#box_form #myForm1 {
	margin: 10px 0 0 35px;
	width: 146px;
}
#box_form #myForm2 {
	margin: 12px 0 0 35px;
	width: 139px;
}
#box_form #myForm1 p, #box_form #myForm2 p {
	font-weight: bold;
	color: #1E5C74;
	font-size: 10px;
	width: 100%;
}
#box_form #myForm2 p {
	padding-bottom: 6px; 
}
#box_form #myForm2 a {
	font-weight: normal;
	color: #fff;
	font-size: 10px;
	background: url(../images/puce_blanc.gif) no-repeat left 2px;
	padding-left: 12px;
}
#page #boxright {
	width: 678px;
}
#boxright #top_1 {
	background: url(../images/bg_top_1.jpg) no-repeat;
	height: 59px;
	clear: both;
}
#boxright #top_1 #menutop {
	position: relative;
	top: 35px;
	left: 118px;
	width: 450px;
	height: 9px;
}
#boxright #top_1 li, #boxright #top_3 li {
	display: inline;
}
#boxright #top_1 a, #boxright #top_3 a {	
	background: url(../images/separateur.gif) no-repeat right center;
	display: block; 
	float: left;
	height: 13px;
}
#boxright #top_1 a {	
	margin-right: 10px;
	padding: 1px 10px 0 0;
}
#boxright #top_3 a {	
	margin-right: 7px;
	padding: 1px 8px 0 0;
}
#boxright #top_2 {
	background: url(../images/bg_top_2.jpg) no-repeat;
	height: 132px;
	clear: both;
}
#boxright #top_3 {
	background: url(../images/bg_top_3.jpg) no-repeat;
	height: 55px;
	clear: both;
}
#boxright #top_3 #menucenter {
	position: relative;
	top: 13px;
	left: 8px;
	width: 450px;
	height: 9px;
}
#boxright #center_1 {
	clear: both;
}
#center_1 #texte, #center_1 #part {
	float: left;
	height: 245px;
}
#center_1 #texte {
	width: 434px;
}
#texte #zone1 {
	padding-left: 10px;
}
#texte #zone2, #texte #zone1 {
	padding-top: 10px;
}
#texte #zone2 p {
	font-size: 10px;
	letter-spacing: -0.2px;
	color: #0B2B54;
	width: 225px;
	margin-left: 27px;
	/*text-align: justify;*/
}
#center_1 #part {
	background: url(../images/bg_liste_part.jpg) no-repeat right top;
	width: 244px;
	text-align: center;
}
#center_1 #part ul {
	width: 83px;
	padding-right: 20px;
	float: right;
}
#center_1 #part li {
	margin-bottom: 2px;
}
#boxright #center_2 {
	clear: both;
	height: 28px;
	background: url(../images/bg_actu.gif) repeat-x;
}
#boxright #center_2 div {
	height: 100%;
}
#center_2 #defil {
	background: url(../images/text_actu.gif) no-repeat 0 2px;
	float: left;
	position: relative;
	top: 8px;
	left: 19px;
	padding-left: 80px;
	width: 333px;
} 
#center_2 #defil div {
	position: absolute;
	width: 100%;
	visibility: hidden;
}
#defil a {
	color: #163D72;
	font-size: 11px;
	color: #163D72;
}
#defil a:hover {
	text-decoration: underline;
}
#center_2 #tt_actu {
	background: url(../images/bg_tout_part.jpg) no-repeat right top;
	width: 244px;
	float: right;
}
#tt_actu a {
	float: right;
	display: block;
	width: 60px;
	height: 22px;
	padding: 3px 29px 0 0;
}
#footer {
	color: #fff;
	font-size: 10px;
	height: 28px;
	width: 100%;
	clear: both;
	background: url(../images/bg_footer.jpg) no-repeat right top;
}
#ifooter {
	width: 950px;
	margin: 0 auto;
	height: 28px;
	clear: both;
	background: url(../images/bg_footer_i.gif) repeat-x;
}
#footer p, #footer a, #footer span, #ifooter p, #ifooter a, #ifooter span {
	color: #fff;
	font-size: 10px;
}
#footer a:hover, #ifooter a:hover {
	text-decoration: underline;
}
#footer #adresse, #ifooter #adresse {
	padding: 8px 0 0 20px;
	letter-spacing: -1px;
	word-spacing: 1px;
}
#footer #icons, #ifooter #icons {
	padding: 8px 35px 0 0;
	text-align: center;
}
#listechoix {
	margin: 10px 0 0 30px;
}
#listechoix li {
	padding: 0 0 6px 16px;
	background: url(../images/puce_blanc.gif) no-repeat left 3px;
}
#listechoix li a {
	color: #fff;
}
#listechoix li.last {
	background: url(../images/puce_bleu.gif) no-repeat left 3px;
}
#listechoix li.last a {
	color: #026896;
}
/*page interne*/
#ipage {
	margin: 0 auto;
	width: 950px;
	background: url(../images/bg_page_i.gif) repeat-x 0 0;
	text-align: left;
}
#iheader {
	height: 260px;
	margin-left: 54px;
}
#iheader #col1 {
	width: 218px;
	height: 199px;
	background: url(../images/bg_top_i_3.jpg) no-repeat left top;
	float: left;
}
#iheader #col1 #ilogo {
	position: relative;
	width: 91px;
	height: 82px;
	top: 59px;
	left: 67px;
}
#iheader #col2 {
	width: 678px;
	float: left;
}
#iheader #col2 #line1 {
	height: 59px;
	background: url(../images/bg_top_i_1.jpg) no-repeat left top;
}
#iheader #col2 #line2 {
	clear: both;
}
#iheader #col2 #line2 div {
	height: 140px;
}
#iheader #col2 #line2 #part1 {
	width: 175px;
	background: url(../images/bg_top_i_2.jpg) no-repeat left top;
	float: left;
}
#iheader #col2 #line2 #banniere {
	float: left;
	width: 503px;
}
#iheader #imenu {
	background: url(../images/bg_menu_i.jpg) no-repeat 104px top;
	height: 50px;
	clear: both;
	width: 800px;
}
#line1 #menutop {
	position: relative;
	top: 35px;
	left: 118px;
	width: 560px;
	height: 9px;
}
#imenu #menucenter {
	position: relative;
	top: 8px;
	left: 118px;
	height: 9px;
	width: 630px;
}
#line1 #menutop li, #imenu #menucenter li {
	display: inline;
}
#line1 #menutop a, #imenu #menucenter a {	
	background: url(../images/separateur.gif) no-repeat right center;
	display: block; 
	float: left;
	height: 13px;	
}
#line1 #menutop a {
	margin-right: 10px;
	padding: 1px 10px 0 0;
}
#imenu #menucenter a {
	margin-right: 8px;
	padding: 1px 8px 0 0;
}
#icontent {
	background: #fff url(../images/bg_content_i.gif) repeat-x left bottom;
	clear: both;
	padding: 0 0 0 55px;
}

#panier th, #panier td {
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 0;
}
#contact th {
	color: #fff;
	text-align: left;
	font-weight: bold;
}
#pagination {
	clear: both;
	padding: 20px 0 20px 0;
}
#pagination span {
	display: block;
	float: left;
	margin-right: 4px;
	font-weight: bold;
	color: #212E3A;
}
#pagination span a {
	text-decoration: underline;
	color: #212E3A;
	font-weight: bold;
}
#pagination span a.nou {
	text-decoration: none;
}
#icontent #login th, #icontent #perdu th {
	font-size: 10px;
	padding: 6px 0 0 6px;
}
#icontent #login td, #icontent #perdu td {
	padding: 0;
}
#realisation {
	font-size: 10px;
	text-align: right;
	padding: 6px 0;
	color: #fff;
	clear: both;
	width: 950px;
	margin: 0 auto;
}
#realisation a {
	font-size: 10px;
}
#realisation a:hover {
	text-decoration: none;
}
#errlog {
	position: absolute;
	padding: 1px;
	border: 1px solid #939594;
	width: 171px;
	height: 120px;
	background: #F7FAFB;
	top: 412px;
	left: 50%;
	margin-left: -399px;
	filter: Alpha(opacity=90); -moz-opacity:0.9;
}
/*class*/
.bold {
	font-weight: bold;
}
.flr {
	float: right;
}
.fll {
	float: left;
}
.winput {
	width: 128px;
	font-size: 10px;
	font-weight: normal;
	padding: 1px;
}
.margbasinp {
	padding: 0 0 8px 12px;
}
.margbasinp2 {
	padding: 0 0 10px 0px;
}
.margright {
	margin-right: 55px;
}
.margbasp {
	padding-bottom: 2px;
}
.margbasp2 {
	padding-bottom: 6px;
}
.bordbc {
	border: 1px solid #7F9DB9;
}
.bordbf {
	border: 1px solid #17376B;
}
.bordn {
	border: 1px solid #000;
}
.input {
	border: 1px solid #49638C;
	padding: 1px;
	width: 250px;
}
.oblig {
	color: #235495;
}
.habil {
	background: url(../images/bg_visu_doc.gif) no-repeat 0 0;
	padding: 1px 6px 7px 1px;
	margin: 0 6px 0 0;
	width: 87px;
	height: 122px;
}
.habil2 {
	background: url(../images/bg_visu_doc2.gif) no-repeat 0 0;
	padding: 1px 8px 6px 1px;
	margin: 0 2px 0 0;
	width: 157px;
	height: 155px;
}
.bleug {
	color: #49638C;
}
.blanc {
	color: #fff;
}
.bleuf {
	color: #49638C;
}
.paddfoot {
	 padding-bottom: 40px;
}
.paddleft {
	padding-left: 10px;
}
.loginput {
	background: #BFD0EA;
	border: 1px solid #49638C;
	color: #49638C;
	padding: 1px;
}
.f10 {
	font-size: 10px;
}
.rouge {
	color: #FF0000;
}
.noire {
	color: #000;
}
.bordo {
	color: #CC0000;
}
.hautfixe {
	height: 200px;
	padding-top: 30px;
}
#pagination a:active {
	text-decoration: normal;
}

.listeinterne li {
	padding: 0 0 8px 12px;
	background: url(../images/puce_li.gif) no-repeat left 4px;
}
.listeinterne li a {
	font-weight: bold;
	color: #0D7CAE;
	text-transform: uppercase;
}
.listeinterne li a.active {
	text-decoration: underline;
	color: #686A66;
}
.h2_i {
	background: url(../images/puce_i_h2.gif) no-repeat left 4px;
	color: #0D7CAD;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0 10px 18px;
}
.space {
	line-height: 150%;
	padding-bottom: 10px;
}
.space a img {
	vertical-align: middle;
}
.space a {
	color: #2876B9;
	font-weight: bold;
}
.space a:hover {
	text-decoration: none;
	color: #77A3DC;
}
.menu {
	position:absolute;
	top: 0;
	border: 1px solid #BBB; 
	border-bottom-width: 0;
	font-size: 10px;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 150px;
	visibility: hidden;
	filter: Alpha(opacity=100); -moz-opacity:1;
}
.menu ul {
	width: 100%;
}
.menu ul li{
	display: inline;
	text-align: left;
}
.menu ul li a {
	font-size: 10px;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; 
	padding: 2px 0;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	color: #666666;
}
.menu ul li a:hover{
	background-color: #F0F0F0;
}