* {
	margin:0;
	padding:0;
	font-family : arial; 
 	font-size : 11px;
}

table { 
	margin-left: auto;
	margin-right: auto;
}

#liste li {
	font-size: 100%;	
	list-style-type: none;
 	background-image: url(/images_site/icons/bullet_blue2.png);
 	background-repeat: no-repeat;
	background-position:vertical horizontal;
 	background-position: 0 0.32em;
 	padding-left: 15px;
	margin : 10px 10px 0 20px ;
}

img {
	border:0;
}






body {
 /*margin : 0 ; 
 padding : 0 ; */
 text-align : center;
 background : #ABB4DF url(/images_site/gui/bg_all.jpg) repeat-x;
 font-family : arial; 
 font-size : 11px; 
 color : #373737
}


#content {
 position : relative; 
 width : 857px; 
 background : transparent;
 margin-left : auto;
 margin-right : auto;
 text-align : center; 
}

#header {
 width : 100%; 
 height : 303px ; 
 background : url(/images_site/gui/haut.jpg) no-repeat;
 margin-left : auto;
 margin-right : auto;
 text-align : left; 
}

.contentHeader {
 float:right;
 width : 558px;
 height : 50px;
 margin : 239px 110px 0 0px;
}

#menuHeader ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	text-align: left;
}	
ul#menuHeader li { 
   display:inline;
   text-align: left;
   /*padding: 2px ;*/
   margin: 0;
   width:auto; 
   float:left;  
}
.menuHeaderItem{
	display:block;
	width:110px;
	text-align: center;
}

/* Horizontal menu */
#menuHorizontal {
   position : absolute ;
   left : 180px ;
   top : 240px ;
   width: 440px;
   height: 50px;
   margin: 5px auto auto 5px;
   padding-left: 0;
   padding: 0;
}
#menuHorizontal li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
   text-align: center;
   height: 40px;
}
#menuHorizontal li, #menuHorizontal a {
   display: block;
}
#menuHorizontal a {
   height: 20px;
   padding-top: 40px;
   width: 110px;
}

#sprite-boutton_1 { left: 0px; background: transparent url(/images_site/gui/sprite-bouttons.gif) -15px 0 no-repeat; width: 80px; height: 40px; }
#sprite-boutton_2 { left: 110px; background: transparent url(/images_site/gui/sprite-bouttons.gif) -105px 0 no-repeat; width: 80px; height: 40px; }
#sprite-boutton_3 { left: 220px; background: transparent url(/images_site/gui/sprite-bouttons.gif) -195px 0 no-repeat; width: 80px; height: 40px; }
#sprite-boutton_4 { left: 330px; background: transparent url(/images_site/gui/sprite-bouttons.gif) -285px 0 no-repeat; width: 80px; height: 40px; }


#center {
 width : 100%; 
 background : url(/images_site/gui/centre.jpg);
 margin-left : auto; 
 margin-right : auto;
 padding-bottom : 0;
 text-align : left 
}

#bloc_center{ 
 width : 670px; 
 padding-bottom : 30px;
 background : #fff;
 /*
 margin-left : 88px !important;*/
 margin-left : 88px ;
 text-align : left;
}
 
#footer{
 width : 100%; 
 height : 151px ; 
 background : transparent url(/images_site/gui/bas.jpg);
 margin-left : auto;
 margin-right : auto
}

#menu {
 position : absolute ; 
 left : 0px ; 
 top : 26px ;
 text-align : left;
 background : url(/images_site/gui/menu.jpg) top left no-repeat;
}

#menu ul{ 
 width : 202px ; 
 height : 275px; 
 list-style: none; 
 margin : 5px 0 0 0;
 padding : 25px 0 0 29px;
 text-transform : uppercase; 
}

#menu li{
 margin :0 ;
 padding : 0 ;
 list-style: none; 
 line-height : 30px;
 text-align : left;
 text-indent : 5px  
}

#menu li a {
 background : transparent url(/images_site/bg_menu.gif) bottom no-repeat; 
 width: 150px;
 display: block;
 height : 30px;
 text-decoration: none;
 margin :  0;
 padding : 0;
 list-style: none;
 color  : #000; 
 font-weight: bold;
}

#menu li a:hover {
 /*background : transparent url(images_site/bg_menu_ov.gif) bottom no-repeat; */
 height : 30px;
 color: #FF6600; 
}



h1 {margin : 0 0 0 20px ; padding : 20px 0 0 0 ; font-family : times ;  font-size : 32px ; clear : left; color:#0099CC; }
h2 {margin : 0 25px 0 20px ; padding :  0 ; font-size : 16px ; clear : left ; color : #373737 } 
h3 {margin : 0 0 0 20px ; padding :  0 ; font-size : 16px ; clear : left ; color : #373737 } 

.size12 {font-size: 12px}
.size14 {font-size: 14px}
.size16 {font-size: 16px}
.size18 {font-size: 18px}

.no_margin {margin:0;}
.standard_margin {margin : 0 25px 0 20px ;}
.red_underline {border-bottom:2px dotted #990000;}


/*
p {
	padding : 5px 0 0 0 ; 
	margin : 0 25px 0 20px ;
}
*/

p {
	padding : 5px 25px 0 20px ; 
	/*margin : 0 25px 0 20px ;*/
}


/*.float_left {float : left}*/
.spacer {clear : both ; height : 13px}
/*.apropos {width : 85% ; padding : 5px 0 0 0 ; margin : 0 25px 0 20px ; }*/
.texte_loi {width : 80% ; padding : 5px 0 0 0 ; margin : 0 25px 0 20px ;  font-family:"Courier New", Courier, mono}

a {color:#FF6600 ; text-decoration : none}
a:hover {color : #000 ; text-decoration : none}
a.white:hover {color : #FFFFFF ; text-decoration : none}
a.faq {color: #000066; text-decoration:none}
a.headerMenu{
	font-size: 11px;
	font-family : arial; 
	color:#FFF ; text-decoration : none;
	font-weight: bold;
}
a.headerMenu:hover {
	color:#FF0000;
}
a.linkCerfa{
	font-size: 14px;
	font-weight: bold;
	color:#FF6600 ; 
	text-decoration : none;
}

/*
hr.lightgray {
  border: 0;
  color: #CCCCCC;
  background-color: #CCCCCC;
  height: 2px;
}
*/


/*
.content_img {
background-color: #fff;
width: 141px ;
text-align: left;
padding: 10px 10px  0 12px ;
float: left;}

.content_img p{
margin : 0; padding : 0}
*/


/*
.ref {float : left}
.tarifs  {float : right  ; margin: 0; padding : 0}
.name {font-weight : bold ; clear : both}
*/

.titreVert {
color:#0099CC;
font-style: italic;
font-weight: bold;
font-size: 12px;
font-family : arial;
}

.introduction {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-weight: bold;
}

/*
.texte {
font-size: 11px;
font-family : arial; 
}
			
.normal_texte {
width : 85% ; 
font-size: 11px;
font-family : arial; 
}

.normal_texte_full {
width : 100% ; 
font-size: 11px;
font-family : arial; 
}			
*/

/*
.note {
	border: 1px dashed #818141;
	background-color:#EEEEEE;
}
*/

/*
table{
 font-family : arial; 
 font-size : 11px; 
 text-align:justify;
}
*/

/* --- Colonnes du site --*/
#leftcolumn { 
 margin: 10px 0px 10px 0px;
 float: left;
 font-family : arial; 
 font-size : 11px; 
}

#rightcolumn { 
 float: right; 
 margin: 10px 0px 10px 0px;
 display: inline;
 position: relative;
 font-family : arial; 
 font-size : 11px; 
}

.borderColumn {
	border: 1px solid #ccc;
}
.bgWhite {
	background: #ffffff;
}
.bgGray {
	background: #F2F2E6;
}
.bgPurple {
	background: #E7DBD5;
}





/* calendar */


.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: relative;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_head_close{
	background-color: #333;
	color: #BBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell_today {
	background-color: #BBB;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */





/* form */



.myform{
/*margin:0 auto;*/
margin:20px auto 20px auto;
width:600px;
padding:14px;
}


/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
text-align:justify;
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized .elementsBloc {
float:left;
clear:both;
width:600px;
/*padding:3px 0 3px 0;*/
margin:2px 0 20px 0px;
/*margin:2px 0 20px 10px;*/
}
#stylized .label{
clear:both;
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
/*
#stylized label.radioDescription{
clear:none;
display:inline;
font-weight:normal;
text-align:left;
width:auto;
float:left;
}
*/
#stylized label{
clear:none;
display:inline;
font-weight:normal;
text-align:left;
width:auto;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
/*margin:2px 0 20px 10px;*/
margin:0 0 0 10px;
}
#stylized input.radio{
float:left;
padding:0px;
border:none;
width:auto;
/*margin:0 0 20px 10px;*/
margin:0 0 0 10px;
height:auto;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
/*margin:2px 0 20px 10px;*/
margin:0 0 0 10px;
}
#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
/*margin:2px 0 20px 10px;*/
margin:0 0 0 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(/images_site/button.png) no-repeat;
border:0;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}






/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:670px;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
	  padding:0 0 0 0
      }
    #tabsJ ul {
	  margin:0;
	  padding:10px 10px 0 30px;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../ressources/cssMenu/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../ressources/cssMenu/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }