/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
********************************************/ 


/* * { margin: 0; padding: 0; }*/
html, body {height: 100%;} 
body {
	background: #444444;
	font: 9pt/1.5em Trebuchet MS, Tahoma, arial, sans-serif;
	color: #666666;
	text-align: center;
	margin: 0px;

}


h2 {
	text-transform: uppercase;
}



ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}


#wrap {
	position: relative;
	width: 820px;
	background: #CCC url(Images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}

#top-bg {
    position: absolute;
	width: 820px;
	height: 19px;
	background: #CCC url(Images/top-bg.jpg) repeat-y center top;	
	top: 0; left: 0;
	z-index: 2;
}


#content-wrap {
	border-top: 5px solid #FFFFFF;
	width: 760px;
	margin: 0px auto;
	padding: 0;
}

#header-photo {
	border-top:5px solid #FFFFFF ;
	border-bottom:5px solid #FFFFFF ;
	clear: both;
	height: 200px;
	width: 760px;
	margin: 0 auto ;
	padding: 0;
	background: #FFF url(Images/header-photo.jpg) no-repeat top left ;
}


#nav1 {
	clear: both;
	margin: 0 auto; 
	padding: 0;
	background: #909090 url(Images/menu.jpg) repeat-x;
	font: bold 16px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 40px;
	width: 760px;
	border-top :1px solid black ;
	border-bottom :1px solid black ;
}

#nav1 ul {
	float: left;
	list-style: none;
	margin:0; 
	padding: 0 ;
}

#nav1 ul li {
	display: inline;
}

#nav1 ul li a {
	display: block;
	float: left;
	padding: 0 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	border-left: 1px solid #b8b8b8 ;
	border-right: 1px solid #686868 ;	
	font-style:normal;
}

#nav1 ul li a:hover {
	background: #FD7719 url( Images/selectedMenu.jpg ) repeat-x;
	color: #000000;	
	display: block;
}


li.current {
	background-color:#FD7719;
	color: #FFFFFF;
} 

 


#main {
	float: left;
	width: 490px;
	padding: 20px 0 0 0;
	margin: 0px 0px 0px 20px ; 
	display: inline;
	background: url(Images/box.jpg) no-repeat;
}


#main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main form {
	margin:10px 0pt 0pt 0pt ;
}

#main p {
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;	
	color:#AEAAAA;
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:16pt;	
	color:#AEAAAA;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:14pt;	
	color:#AEAAAA;
}

#main img {
	border:1px solid #CCC;
	padding:5px ;
}

a, a:visited {
	font-style:italic;
	color: #69b;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1, h2, h3 {
	padding-top:10px;
}

#nav1 ul li a {
	font-size:14px;
	text-transform:uppercase;
}


#footer-wrap {
	clear: both;
	width: 820px;
	height:60px;
	font-size: 95%;	
	text-align: left;
	padding: 15px 0;
	background: url(Images/footer-bottom.jpg) no-repeat center bottom;	
}

#footer-wrap p {
	margin-top:20px;
	padding:0;
}

#footer-bottom {
	clear: both;
	margin: 0 auto; 
	width: 760px;
	padding: 0;
	text-align: center;
	border-top:2px solid #ebebeb  ;
}


.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }


.clear { clear: both; }

#content 
{
	margin : 40px 0px 0px 0px;
	padding: 10px;
	clear: both;
}
	
#fond
{
	position : absolute;
	top: 0px;
	left : 0px;
	height: 100%;
	width: 100%;
	background-color: Black;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	z-index: 100;
	display : none;
}

#centerH	
{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: none;
	z-index: 101;
}

#centerV	
{
	margin-left: -320px;
	position: absolute;
	top: -300px;
	left: 50%;
	width: 640px;
	height: 600px;
	visibility: visible;
	z-index: 102;
}
#centerV iframe
{
	background-color: White;
	border : solid 1px black;
	height: 100%;
	width: 100%;
}
#centerV a
{
	float: right;
	color: White;
	background-color : #000;
	padding: 2px 5px;
}
img.etape
{
	margin: 0px 3px;
}

.tab
{
	padding : 0px 4px;
	background-color : #ddd;
	border : solid 1px black;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.tab:hover, .tab_current:hover
{
	background : white;
	text-decoration : none;
}
.tab_current
{
	position : relative;
	top : 1px;
	background-color : white;
	border-top : solid 3px orange;
	border-left : solid 1px black;
	border-right : solid 1px black;
	padding : 0px 4px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.tabs
{
	border : solid 1px black;
	padding : 15px;
}

fieldset
{
	padding : 10px;
}

.permalien 
{
	background:url('Images/loupe.png') left center no-repeat;
	padding-left:25px;
}
.permalien:hover
{
	
}

.BoutonVisionneuse
{
	margin:0px;
}

#ctl00_CorpsDePage_pnlFiltres img
{
	vertical-align: middle;
}

.alignform label
{
	margin-right:5px;
	width: 110px;
	display:block;
	float:left;
	text-align:right;
}
.alignform .w200
{
	width: 200px;
}
.alignform input[type=text], .alignform select
{
	width:150px;
}
.alignform2 label
{
	margin-right:5px;
	width: 200px;
	display:block;
	float:left;
	text-align:right;
}

input[disabled]
{
	background: #D4D0C8;
}
.TreeView Table tr td
{
	margin: 0px;
	padding: 0px;
}

#ctl00_CorpsDePage_PanelPrestationsObligatoires td
{
	text-align:left;
}
#ctl00_CorpsDePage_pnlBoutons
{
	margin:10px 0px;
	clear: both;
}

a img
{
    border: 0px;
}

.crirHidden {
	position: absolute;
	left: -1000px;
}

/*label.radio_unchecked img {
    padding: 2px;
}

label.radio_checked img 
{
    border: 2px #69b solid;
}

label.radio_checked p
{
    border: 2px #69b solid;
}
*/

label.radio_unchecked
{
    border: 2px #bbb solid;
    display:inline-block;
}
label.radio_checked
{
    border: 2px black solid;
    display:inline-block;
    color: Black;
    font-weight: bold;
}

label.radio_checked span, label.radio_unchecked span{
    display:block;
    margin:5px;
}

label.radio_unchecked:hover
{
    cursor:pointer;
    border: #69b solid 2px;
    color: #69b;
}

.warning 
{
    background-color:#F7F6F3;
    border: orange 1px solid;
    padding: 5px 5px 5px 40px;
    background-image: url("Images/orange.png");
    background-repeat: no-repeat;
    background-position: 5px 5px;
    font-size:small;
    text-align: justify;
    width:80%;
}
#ctl00_CorpsDePage_RadioButtonList1
{
    white-space: nowrap;
}

.Modeles {
    overflow-x: scroll;
}

#ctl00_CorpsDePage_RadioButtonList1 label
{
    margin: 0px 4px;
}